https://github.com/timeplus-io/gg-vistral-introduction
live introduction of timeplus vistral
https://github.com/timeplus-io/gg-vistral-introduction
Last synced: 2 months ago
JSON representation
live introduction of timeplus vistral
- Host: GitHub
- URL: https://github.com/timeplus-io/gg-vistral-introduction
- Owner: timeplus-io
- License: apache-2.0
- Created: 2026-03-11T03:59:18.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-03-11T18:26:47.000Z (4 months ago)
- Last Synced: 2026-03-11T21:58:37.893Z (4 months ago)
- Language: TypeScript
- Size: 951 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Timeplus Vistral Introduction
An interactive slide deck introducing [Vistral](https://github.com/timeplus-io/vistral) — the grammar of graphics for streaming data.
## Overview
This project is a self-contained presentation (18 slides) built with React + Vite that walks through what Vistral is, how it works, and how to use it to build real-time streaming data visualizations.
## Development
```bash
npm install
npm run dev # starts dev server at http://localhost:3000
```
## Build
```bash
# Standard build (output to dist/)
npm run build
# All-in-one single HTML file (output to docs/index.html)
npm run build:singlefile
```
The `build:singlefile` command uses [`vite-plugin-singlefile`](https://github.com/richardtallent/vite-plugin-singlefile) to inline all JavaScript and CSS into a single portable `docs/index.html` file — ideal for sharing or hosting via GitHub Pages.
## Navigation
- **Space** or **→** — next slide
- **←** — previous slide
## Tech Stack
- [React 19](https://react.dev/)
- [Vite 6](https://vite.dev/)
- [Tailwind CSS v4](https://tailwindcss.com/)
- [Vistral](https://github.com/timeplus-io/vistral) — `@timeplus/vistral`
- [Motion](https://motion.dev/) for animations
## License
Apache 2.0