Welcome to the D3.js graph gallery: a collection of simple charts made with d3.js. D3.js is a JavaScript library for manipulating documents based on data. This gallery displays hundreds of chart, always providing reproducible & editable source code.

A list of about 300 simple charts made using d3.js, linking to explanation and reproducible code.

General d3.js examples showing how to turn your chart interactive: animation, tooltip, zoom, hover effect and more.

A set of 10 basic examples leading to a first chart made with d3.js. Discover the basics: html, css, svg, scale, data binding and more. Explanation and editable code provided

How to build a network chart with Javascript and D3.js: from the most basic example to highly customized examples.

How to build a pie chart with Javascript and D3.js: from the most basic example to highly customized examples.

How to build a histogram with Javascript and D3.js: from the most basic example to highly customized examples.

How to build a barchart with Javascript and D3.js: from the most basic example to highly customized examples.

This post describes how to build a very basic line chart with d3.js. Only one category is represented, to simplify the code as much as possible. The input dataset is under the .csv format. You can see many other examples in the line chart section of the gallery.

How to build a ridgeline chart with Javascript and D3.js: from the most basic example to highly customized examples.