Guide to D3
D3.js is a Javascript library that makes beautiful HTML, SVG, and CSS charts and graphs. It's a powerful library that can make all sorts of amazing charts.
Getting Started With D3
Remix ~server-side-d3js. Learn more about using d3 in their docs.
8 Projects
Featured Project
This is the perfect place to start with D3. You can add your own data in chartData.csv
, and change the style of the chart in bar_chart.js
.
Remix to get started now!
This line chart example is great because it shows you how to display two different datasets.
We love the styling of this interactive bar chart!
This is a great example of how to add interactions to your chart.
Clicking the dots hides them. But you can add new ones to the scatterplot.
This is a great app to remix if you're working on a Vue project.
Here's an example of putting data points onto a map.
Has Bigfoot been spotted in your city?
We love this app because it shows how to have a chart update when you swap between two datasets.
This app is an example of a donut chart.
It's also notable that this app has the data in a csv file, that's uploaded as an asset.