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)

1ce45255386948d093a201a458fac350

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