Skip to content

sanand0-archives/scrollytelling

 
 

Repository files navigation

CSV Scrollytelling Generator

Transform CSV data into interactive scrollytelling stories using AI.

Features

  • Upload CSV files
  • AI-powered story generation
  • D3.js + Scrollama visualizations
  • Two-column responsive layout
  • Single mutating SVG chart
  • Data exploration table

Setup

  1. Install dependencies: npm install
  2. Start dev server: npm run dev
  3. Configure LLM provider (OpenAI, Gemini, or AI Pipe)
  4. Upload CSV and generate story

Tech Stack

  • React + TypeScript
  • Tailwind CSS
  • D3.js v7
  • Scrollama
  • Vite

Output

Self-contained HTML files with embedded visualizations.

Contributors

Languages

  • HTML 60.4%
  • TypeScript 38.0%
  • CSS 1.1%
  • JavaScript 0.5%