Triton 47

Triton 47 › AI & computation › After the PhD

Scripting, Markup, CSS, 3D

· 2030 words · 9 min read · 7 likes on WordPress AI-generated ★

Index note huge AI taxonomy (Three.js, VTK.js, GPU prices, AI labs)

Mostly AI-generated: the bulk of this post is AI output that the author prompted, pasted and kept. The author's own words are typically the short prompts and the closing remarks.

Introduction

This document provides a comprehensive, hierarchical categorization of scripting languages, markup systems, CSS frameworks, and 3D visualization technologies, ordered by their relevance, implementation frequency, and production suitability in modern software development. Technologies within each category are sorted from most to least impactful.


1. Scripting Languages (Logic, Application Control)

RankLanguageDescription
1TypeScriptStrongly typed JavaScript; default for scalable, maintainable frontend logic
2JavaScriptCore language of the web; still widely used directly
3PythonDominant in backend, ML, and scientific computing
4LuaEmbedded scripting in games and plugins
5PHPUsed in server-side templating, CMS (e.g., WordPress)
6RubyClean syntax; niche use in Rails web apps
7BashUsed in DevOps, scripts, CI pipelines
8PerlLegacy systems and text manipulation
9RUsed in data visualization and statistical apps
10Go (Golang)Efficient backend scripting, real-time APIs
11Rust (WASM)High-performance WASM scripting potential

2. Markup, Templating, and Server-Side Rendering

RankLanguage/ToolDescription
1HTML5Standard markup, universal
2JSX / TSXAbstracted HTML in component frameworks like React
3Pug (Jade)Minimalist indentation-based HTML templating
4Jinja2Python-based HTML templating (Flask, Django)
5EJS / HandlebarsTemplating in Node/Express apps
6PHPUsed in legacy and CMS-based templating
7RazorASP.NET’s templating syntax

3. CSS Frameworks, Utilities, and Design Systems

RankFramework/SystemDescription
1Tailwind CSSUtility-first, responsive, modern, scalable for design systems
2UnoCSSAtomic, on-demand generation, ultra-fast and extensible
3Fluent UI (Fluent 2)Microsoft’s design system; clean, accessible, Office-like UIs
4Material 3 (M3)Google’s design system; adaptive theming, consistent components
5Shadcn/uiAccessible, aesthetic component system based on Tailwind + Radix
6Bootstrap 5Classic grid + component system, still popular in admin dashboards
7BulmaModern CSS framework using Flexbox
8Styled ComponentsCSS-in-JS, component scoped, dynamic theming
9EmotionCSS-in-JS with style props, animations, and theming
10CSS ModulesScoped styles with .module.css
11SCSS / SASSTraditional preprocessor for structured, nested styling
12Vanilla CSSHand-written styles, fine for static or small apps

4. 3D Visualization Engines and Libraries

RankTechnologyDescription
1Three.jsCore WebGL engine; used in all serious web-based 3D rendering
2React Three FiberDeclarative React binding for Three.js
3Babylon.jsFull 3D engine; supports physics, PBR, VR/AR
4Unity WebGL ExportPowerful but heavy; used for games/simulations in the browser
5A-FrameDeclarative HTML-based 3D/VR; easy for beginners
6VTK.jsScientific and medical imaging visualizations
7XTKMedical visualization for DICOM, MRI, etc.
8ShaderToy / GLSLCustom shaders and raymarching for advanced visual effects
9CesiumJSGeospatial 3D maps, terrain, satellite visualization
10WebGPUFuture replacement of WebGL; currently experimental

5. Volumetric 3D and Scientific Visualization

RankTechnologyDescription
1VTK.jsWeb version of the Visualization Toolkit for volume rendering, CT/MRI
2XTK.jsLightweight framework for DICOM, NRRD, medical scan rendering
3AMI.jsAbstraction layer for medical imaging using Three.js
4ITK.jsWeb adaptation of Insight Segmentation and Registration Toolkit
5Volume.jsVolume rendering helper for scientific WebGL projects
6Kitware Paraview WebServer-backed volumetric visualization toolkit for large scientific data
7Plotly.js (3D)High-level 3D volume plotting for data science
8Raw GLSL RaymarchingManual implementation of volumetric SDFs and isosurfaces
9WebXR LayersExperimental browser-based volumetric rendering for AR/VR

Conclusion

Modern software development involves selecting the right toolchain across multiple domains:

  • Logic: TypeScript + Python dominate
  • Markup: JSX + HTML5 are standard
  • Styling: Tailwind CSS leads, but design systems like Fluent 2 and Material 3 are critical in corporate-grade UIs
  • 3D Rendering: Three.js + R3F for control; Babylon.js or Unity for complexity
  • Volumetric 3D: VTK.js and ITK.js dominate in medical and scientific domains

Matching the stack to the project’s complexity, performance needs, and target audience is critical for delivering effective, maintainable software in 2025.

—

then which libraries are for visualization, or plotting purposes, CSS itself is styling, but for scientific and imagery data in various forms which are the libraries or packages for that

—
Libraries for Visualization and Plotting (Scientific, Image, and Data Forms)

CSS is for styling UI, not data visualization. For real visual rendering of scientific or image-based data, you need specialized JavaScript, Python, or WebGL-based libraries.

Below is a categorized list of core libraries/packages for data visualization, scientific plotting, image processing, and multimodal rendering.


I. General Data Plotting (Charts, Graphs, Dashboards)

LibraryLanguageDescription
Plotly.js / Plotly.pyJS / PythonInteractive line, bar, surface, 3D plots; based on D3 and WebGL
D3.jsJSLow-level control over SVG and canvas graphics
Chart.jsJSSimple charts (bar, pie, line); canvas-based
HighchartsJSCommercial-grade dashboards, finance charts
Apache EChartsJSAdvanced interactive charts, maps, graphs
LightningChartJS / .NETWebGL-accelerated real-time charts for massive data
Vega / Vega-LiteJSDeclarative grammar for interactive visualizations

II. Scientific and Statistical Plotting

LibraryLanguageDescription
MatplotlibPythonFoundation of 2D plotting in Python
SeabornPythonStatistical plotting on top of Matplotlib
BokehPythonInteractive plots in browser from Python
AltairPythonDeclarative statistical plotting using Vega-Lite
ggplot2RGrammar-of-graphics-based statistical plotting
ROOTC++ / PyParticle physics and statistical histogramming from CERN

III. 3D and Volumetric Visualization

LibraryLanguageDescription
Three.jsJS3D rendering engine for meshes, point clouds, images, and surfaces
Babylon.jsJSGame-level 3D engine with physics and animation
VTK.jsJSVolume rendering, scientific visualization, medical imaging
XTK.jsJSLightweight toolkit for CT, MRI, DICOM, etc.
ITK.jsJSWeb version of Insight Segmentation Toolkit
AMCharts 5 (3D)JSOffers 3D pie/bar charts, not full 3D spatial rendering
Unity WebGLC#General 3D game/simulation rendering (when exported to WebGL)

IV. Image Visualization & Processing

LibraryLanguageDescription
OpenCV.jsJSComputer vision; filters, transforms, feature detection
Cornerstone.jsJSDICOM viewer in browser for medical imaging
PapayaJSWeb-based viewer for NIfTI, DICOM, MRI
SimpleITK / ITK.jsPython / JSMulti-format medical image analysis
ImageJ / FijiJavaStandard for biomedical imaging and plugins
PixiJSJS2D rendering engine for images and graphics (WebGL-based)

V. GIS, Maps, and Terrain Visualization

LibraryLanguageDescription
CesiumJSJSGlobe, terrain, 3D buildings, satellite tracks
Mapbox GL JSJSVector tile-based fast interactive maps
LeafletJSLightweight 2D map engine
OpenLayersJSGIS mapping and coordinate projections
Kepler.glJSGeospatial analysis and big data plotting

VI. Time Series & Real-Time Data

LibraryLanguageDescription
LightningChartJS / .NETHigh-frequency, real-time data plots (millions of points)
Smoothie ChartsJSReal-time streaming data on canvas
uPlotJSFast, lightweight, minimal time series plotting

VII. Specialized Domains

DomainLibraryPurpose
Medical ImagingVTK.js, ITK.js, XTKVolume rendering, CT/MRI visualization
Chemistry / Bio3Dmol.jsMolecular visualization
FinanceTradingView, Highcharts StockCandlesticks, technical indicators
Physics SimulationMatter.js, Ammo.jsParticle and rigid body simulation
Neural NetworksTensorFlow.js VisWeight and activation visualization

Conclusion

DomainRecommended Tools
2D Data ChartsPlotly, Chart.js, ECharts
Scientific PlotsMatplotlib, Bokeh, VTK.js
Real-TimeLightningChart, uPlot
Volumetric/3DVTK.js, Three.js, Babylon.js
Medical ImagingCornerstone.js, ITK.js, Papaya
Maps/GISCesiumJS, Mapbox, Leaflet
Image ProcessingOpenCV.js, PixiJS

Grouped Technology Comparison by Type


1. Backend-as-a-Service (BaaS) / Full-Stack Platforms

TechnologyDescriptionRealtime DBAuthServerlessHostingOfflineSDK
Firebase (Google)Cloud backend with Realtime DB, Firestore, Auth, Functions, Hosting✅✅✅✅✅JS, Dart, Swift, Kotlin
SupabaseOpen-source Firebase alternative built on Postgres✅ (via replication)✅✅ (edge functions)✅✅JS, Flutter, etc.
AWS AmplifyAmazon’s full-stack BaaS platform with GraphQL, storage, auth✅ (AppSync)✅✅ (Lambda)✅✅JS, Swift, Android
AppwriteOpen-source BaaS with database, auth, storage✅✅✅ (functions)✅✅JS, Flutter, Android
ParseLegacy open-source BaaS with REST/GraphQL support✅✅✅✅✅Many

2. UI Frameworks for Cross-Platform App Development

TechnologyDescriptionTarget PlatformsLanguageRendering EnginePerformance
FlutterGoogle’s UI toolkit for building native apps from one codebaseAndroid, iOS, Web, DesktopDartSkia (custom)Near-native
React NativeJS framework with native components for mobile appsAndroid, iOSJS/TSNative (bridged)Medium
XamarinMicrosoft’s cross-platform mobile frameworkAndroid, iOS, WindowsC#NativeMedium
IonicWeb technology-based UI frameworkAndroid, iOS, Web, DesktopJS/TSWebViewLow-Medium
MAUI.NET Multi-platform App UI (Xamarin successor)Android, iOS, Windows, macOSC#NativeMedium

3. Machine Learning Frameworks

TechnologyDescriptionRuns InModel TrainingInferenceGPU SupportLanguage
TensorFlowFull ML framework for training and inferencePython, C++, JS✅✅✅Python, JS
TensorFlow.jsJS version of TensorFlow for browser or Node.jsBrowser, Node✅ (small)✅✅ (WebGL/WebGPU)JS
PyTorchML framework for research and productionPython, C++✅✅✅Python
ONNX RuntimeRuntime for ML models in ONNX formatCross-platform❌✅✅Python, C#, JS
TFLiteTensorFlow Lite for embedded/mobile inferenceMobile, Edge❌✅LimitedC++, Java

4. Real-Time Perception / ML Pipelines (Vision, Pose, Face)

TechnologyDescriptionPurposePlatformModel TypeLanguage
MediaPipeGoogle’s framework for real-time face, hand, body tracking, etc.Vision inference pipelineMobile, Web, EdgePretrainedC++, Python, JS
OpenCVGeneral computer vision libraryImage/video processingAllClassic + DNNC++, Python
dlibML toolkit for facial recognition and detectionFace detection/trackingAllPretrainedC++, Python
DeepStreamNVIDIA’s real-time video analytics frameworkEdge video analyticsJetson, GPUDNN OptimizedC/C++, Python

Summary by Category

TypeTools
BaaS / BackendFirebase, Supabase, Appwrite, AWS Amplify, Parse
Cross-Platform UIFlutter, React Native, Xamarin, Ionic, MAUI
ML FrameworksTensorFlow, TensorFlow.js, PyTorch, TFLite, ONNX Runtime
Perception PipelinesMediaPipe, OpenCV, dlib, DeepStream

🆓 Free / Hobbyist GPU Access

PlatformGPU TypeLimits
Google Colab (Free)Tesla K80, T4, sometimes P100Batch sessions; limited runtime and preemptions aws.amazon.com+15codesphere.com+15thundercompute.com+15datacenterdynamics.com+2geeksforgeeks.org+2cloud.google.com+2
Kaggle NotebooksT4Free tier; limited runtime and sessions
Paperspace GradientCPU/GPU (lower-tier)Free tier with limited GPU hours
Lightning.ai StudioGPU hours (~35 h free)Free tier with a set amount of GPU usage

🆓➖ Free (Unlimited Generations, but Limited Resources)

ServiceDescription
Prodia.comOffers free unlimited image generations; premium $5 for speed aws.amazon.com+6reddit.com+6zackproser.com+6

💰 On-Demand Paid GPU for Scalability

🌐 Major Cloud Providers (Per GPU per Hour)

Google Cloud (NVIDIA GPUs) en.wikipedia.org

GPU ModelOn-Demand1-Year3-Year
T4$0.35$0.22$0.16
P4$0.60$0.38$0.27
V100$1.46$0.92$0.66
P100$1.46$0.92$0.66
A100/H100Spot: ~$3.72 (via A3‑H200) docs.jarvislabs.ai

AWS EC2 (NVIDIA GPUs)

InstanceGPU(s)Per-GPU Rate
p3.2xlarge1× V100~$3.06/hour
p3.8xlarge4× V100~$3.06/hour
p3.16xlarge8× V100~$3.06/hour
p4d8× A100~$32.77 total ($4.10/GPU) datacenterdynamics.com+14datacrunch.io+14trgdatacenters.com+14
p5 (H100)8× H100~$98.32 total ($12.29/GPU)
  • AWS recently cut prices up to 45% on A100/H100/H200 (June 2025) aws.amazon.com

Microsoft Azure (East US)

GPU ModelRate per GPU
V100$3.06/hour
A100 80 GB$3.67/hour
H100 80 GB$6.98/hour

💸 GPU Spot / Discount / Savings


🏢 Specialized & Smaller Cloud Providers

✅ Summary

  • Free unlimited (ML tasks): Prodia (image gen), capped free compute: Colab, Kaggle.
  • Free limited: Colab/Kaggle with session/runtime restrictions.
  • Unlimited Paid: Google, AWS, Azure—all offer on-demand and discounted GPUs.
  • Budget Options: Specialists offering lower rates than hyperscalers.
  • Discounts Available: Spot/preemptible VMs, reserved commitments.

As of 2025, the training of large-scale AI models—especially frontier foundation models (LLMs, vision, robotics, biology, multimodal, agents)—is dominated by a consolidated group of entities across five sectors:


1. Big Tech Corporations (US, China, EU)

These control the infrastructure, capital, and data pipelines necessary to scale gigamodels.

CorporationKey Models / DomainsHardware/InfraOrigin
OpenAIGPT-4o, Codex, Whisper, DALL·E, SoraMicrosoft (Azure)US
Google DeepMindGemini, AlphaFold, AlphaCode, WaveNet, FlamingoTPU-based (JAX)UK/US
AnthropicClaude 3, Constitutional AIAWS (TPU/A100)US
Meta AILLaMA 2–3, ImageBind, DINO, EGO4D, SAMFAISS, PyTorchUS
Microsoft ResearchOrca, Kosmos, DeBERTa, integration with OpenAIAzure + GPUsUS
Amazon (AWS AI)Titan, Bedrock, CodeWhispererTrainium/InferentiaUS
NVIDIA ResearchMegatron, NeMo, BioNeMo, L4T, diffusion modelsGPU Labs (H100)US
AppleOn-device ML (Siri), Ferret vision-language modelM-series NPUsUS
xAI (Elon Musk)Grok, plans for Optimus robot agent stackX serversUS
BaiduERNIE, Wenxin/Yi modelsKunlun AI chipsCN
Alibaba DAMOTongyi Qianwen, M6, multimodal commerce modelsHeterogeneousCN
Tencent AI LabHunyuan, games + vision + RLCN GPU farmsCN
Huawei Noah’s ArkPanGu series, NLP, IoT AIAscend AI chipsCN

2. Elite Research Institutions / Labs

Academic-industrial hybrids with access to compute grants, academic talent, and large-scale funding.

InstitutionFocus Areas / ModelsLocation
Stanford CRFMAlpaca, HELM, RLAIF, language agentsUS
MIT CSAILClassical ML, robotics, vision, systemsUS
UC Berkeley BAIRVLMs, robotics (RT-X), foundation agentsUS
CMUEmbodied AI, language + planning agentsUS
University of TorontoDeep learning theory, vision transformersCanada
ETH ZurichSimulation, perception, autonomySwitzerland
University of OxfordNLP, RL, causality, alignmentUK
EPFLDecentralized ML, federated learningSwitzerland
Tsinghua / PekingVision, bilingual LLMs, chip-algorithm codesignChina
HKUSTMultimodal agents, game AIHong Kong
Sorbonne / INRIANLP, theoretical MLFrance
Aalto UniversityMaritime AI, healthcare ML, speechFinland

3. Private AI Startups (Frontier + Applied)

Often backed by VC or major cloud providers, producing highly competitive frontier or specialized models.

CompanyKnown ForOrigin
Mistral AIOpen-weight LLMs (Mixtral), dense/sparse trainingFrance
CohereCommand R, retrieval-augmented modelsCanada
Adept AIACT agents, tool-using foundation modelsUS
Inflection AIPi (emotionally aligned personal assistant)US
RunwayGen-2 (text-to-video), diffusion, production toolsUS
Reka AIMultimodal and aligned LLMs (Reka Core, Flash)US
Perplexity AIRLHF LLM for direct answer generationUS
Abacus AIAutomated model training for enterprise pipelinesUS
Stability AIStable Diffusion series, open-weight visual modelsUK
Hugging FaceModel hosting, transformers, open ML infraUS/France

4. Defense / Government-Backed AI Entities

Focused on national infrastructure, language, and sovereignty over models.

EntityFocusCountry
DARPA / IARPAMilitary-grade AI, robotics, NLPUS
G42 (UAE)Arabic LLMs (Jais), FalconUAE
Saudi Data & AI Authority (SDAIA)Open Arabic modelsKSA
CerebrasHardware + sovereign trainingUS
RIKEN / AISTJapanese models, supercomputingJapan
German Research Center for AI (DFKI)Language, visionGermany
India’s CDAC / IITsMultilingual LLMs, medical AIIndia

5. Influential Individuals / Small Groups

Still rare, but emerging in open-source or symbolic/model-distilling circles.

Name / GroupContribution
Yann LeCunMeta AI chief scientist, self-supervised learning
EleutherAIGPT-NeoX, open models, grassroots LLMs
LAIONLAION-400M/5B datasets, CLIP training
LucidrainsTransformer reference implementations in PyTorch
OpenAccess AI CollectiveSmall open-source LLM teams

Fields of AI Being Scaled

FieldModel Types/Institutions Driving It
Language ModelsOpenAI, Anthropic, Google, Mistral, Stanford, Meta
Vision ModelsMeta (SAM), OpenAI (CLIP, DALL·E), Runway, Stability AI
Multimodal (V+L)DeepMind (Gemini), Reka, Google, UC Berkeley
Speech / AudioOpenAI (Whisper), Meta (Voicebox), Mozilla, NVIDIA
Video / 4DRunway, Pika, Sora (OpenAI), Synthesia
Biology / ProteinDeepMind (AlphaFold), BioNeMo, OpenFold, Helix
Robotics / EmbodiedRT-X, xAI, DeepMind (Gato), CMU, Boston Dynamics
Tool-Using AgentsAdept, OpenAI (GPT-4o tools), LangChain, AutoGPT, HuggingFace Agents

Summary

SectorRepresentative Names
Big TechOpenAI, Google, Meta, Microsoft, Amazon, NVIDIA
AcademiaStanford, MIT, Berkeley, Oxford, ETH, Aalto
StartupsMistral, Anthropic, Cohere, Stability, Runway
GovernmentDARPA, SDAIA, RIKEN, G42, CDAC, DFKI
Open CollectivesEleutherAI, LAION, Lucidrains, OpenAccess AI

Training frontier AI models now requires extreme compute, capital, and data control. Only a dozen or so players can train trillion-parameter scale models. Everyone else uses, distills, or fine-tunes these giants.

#blogging #coding #inspiration #javascript #writing

Original: https://triton7777.wordpress.com/2025/06/29/scripting-markup-css-3d/