TanStack

TanStack Charts is a TypeScript visualization grammar for responsive, accessible, server-rendered application charts, built on granular D3 primitives. Chart definitions are framework-independent: marks consume arrays, objects, tuples, or iterables; channels describe visual encodings; and scale factories infer domains from those channels. Definitions compile into a renderer-neutral keyed scene that can be rendered through React, Preact, Vue, Solid, Svelte, Angular, Lit, Alpine, Octane, the vanilla DOM, static SVG, or an optional Canvas renderer. The system supports layered built-in marks, custom marks using the same scene protocol, responsive layout, automatic guide margins, themes, interaction, animation, accessibility, SVG server-side rendering, hydration, and export. Its marks, transforms, layouts, renderers, and chart-owned interactions are available through independent subpaths, with optional D3-backed capabilities remaining tree-shakeable. The repository documents an unreleased alpha line and says the latest published release is 0.16.0; alpha releases may contain breaking changes between minor versions.

TanStack Router is an open-source web application routing tool in the TanStack stack, used to handle navigation in web applications. TanStack describes its tools as headless, type-safe, composable, framework-agnostic, and built with TypeScript.

Sandpack is a React component toolkit for embedding live-running code editing and preview experiences in web applications. It runs JavaScript and Node.js applications in the browser and can be used for interactive documentation, coding environments, low-code tools, generated website previews, and embedded playgrounds. Sandpack provides templates containing project files and dependencies, custom setup for changing dependencies or file structure, configurable built-in components, themes, and composable components and hooks for custom interfaces. It uses CodeMirror for editor functionality, supports npm dependencies, hot module reloading, error overlays, caching, and Node.js execution through its Nodebox runtime. The Sandpack Client package exposes a framework-agnostic bundler protocol, and the toolkit supports frameworks including Next.js, Remix, Vite, and Astro.

Next.js is an open-source React framework developed by Vercel for building full-stack web applications. It extends React with server rendering, static-site generation, hybrid rendering, components, and routing, and integrates Rust-based JavaScript tooling for builds. The project provides documentation, a learning course, a showcase, community discussions, and contribution guidelines.

Node.js is an open-source, cross-platform JavaScript runtime environment used to run server-side and other JavaScript applications. The videos describe it as a common runtime and application stack for web applications, including full-stack TypeScript projects, while the official project repository documents Current, Long Term Support (LTS), and nightly release channels. The project uses an open governance model and is supported by the OpenJS Foundation; it is distributed under the MIT license.