Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Vanilla D3 Vibecoding Template

Public visualization

Viewing a saved revision (read-only)

270bc26895714014b6d1b2bdbc9db880

Fork of Vanilla D3 Vibecoding Template

0 stars0🌍 Public
Ssdarsi2404@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

This example demonstrates four chart types—scatter plot, pie chart, line chart, and area chart—built with D3.js and rendered as SVG. Each chart visualizes a cricket dataset fetched as a CSV from a GitHub gist, mapping runs against strike rates, and runs across years. The code uses `d3.csvParse`, `d3.scaleLinear`, `d3.pie`, `d3.arc`, `d3.line`, and `d3.area` to construct the visualizations. All charts are appended directly to the page body, with scales and color schemes defined inline for each plot.

AI-generated description