Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Starter

Public visualization

Viewing a saved revision (read-only)

9d6d8153b6c24f58afa2e12186c5da5b

Fork of D3 Starter

0 stars0🌍 Public
Mmnalk
Last edited Nov 28, 2021
Created on Nov 28, 2021
Forked from D3 Starter

This example demonstrates a small multiples chart using D3.js merge() to create a grid of line-area charts. Each panel displays time-series data for a character (star, boo, toad) with a colored line and semi-transparent area. The code uses d3.create, d3.scaleBand, d3.scaleLinear, d3.line, d3.area, and d3.set. Data groups are entered, merged, and positioned with panels per row, while images and titles label each chart.

AI-generated description

A demonstration of how to start using D3 version 6.