UNHCR Logo
  • Guidance
  • Chart types
  • Resources
  • Tutorials
  • Product gallery
Tutorials
  • R
  • Matplotlib
  • Plotly Python
  • D3
  1. Home
  2. Tutorials
  3. D3

D3


D3.js (Data Driven Documents) is an open source JavaScript library that allows you to create custom interactive data visualizations in the web browser using SVG, HTML and CSS. In this section, you will find reproducible and editable source code for a number of different types of charts.

  • All
  • Change over time
  • Comparison
  • Correlation
  • Distribution
  • Geospatial
  • Part-to-a-whole
Area chart
Area chart
Line chart
Line chart
Line column chart
Line column chart
Stacked area chart
Stacked area chart
Streamgraph
Streamgraph
Bar chart
Bar chart
Column chart
Column chart
Grouped bar chart
Grouped bar chart
Grouped column chart
Grouped column chart
Stacked bar chart
Stacked bar chart
Stacked column chart
Stacked column chart
Bubble chart
Bubble chart
Connected scatterplot
Connected scatterplot
Scatterplot
Scatterplot
Histogram
Histogram
Population pyramid
Population pyramid
Bubble map
Bubble map
Choropleth map
Choropleth map
100% stacked column chart
100% stacked column chart
Donut chart
Donut chart
Pie chart
Pie chart
Treemap
Treemap
Contact us
  • Guidance
  • Chart types
  • Resources
  • Tutorials
  • Product gallery

© UNHCR