D3 WebGL Scatterplot React

Demo

Demonstrates rendering up to 1 million data points in a scatterplot using D3 WebGL rendering. Uses the following:

• D3 v5.7.2 for rendering the chart axes and colors
  • D3FC v15.0.4 for its high-level abstraction for WebGL rendering
• React v17.0.1
• Tailwind CSS v2.1.1 for CSS utility
• TypeScript v4.1.3 for build-time type safety
  • ESLint v7.19.0 for JavaScript & TypeScript linting
  • Prettier v2.0.2 for code fo srmatting
  • Husky v4.3.8 for code linting and formatting in git hooks
  • Lint Staged v10.0.10 for linting staged files in git hooks

Run in development mode

npm install
npm run dev

Run in production mode

npm install
npm run build
npm run start

Note: Requires Node v12+ to run.