Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a bar chart

Public visualization

Making a bar chart

0 stars0🌍 Public
MMorten Kjølstad Dybo
Last edited Nov 16, 2019
Created on Nov 16, 2019
Forked from Making a bar chart

This example visualizes temperature readings over time from a CSV file as a line chart with overlaid circles marking each hourly data point. The code uses D3 v5 modules including `scaleTime`, `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to render an SVG graphic. The temperature data is parsed, sorted, and scaled to fit within a 960×500 SVG canvas, with axes generated via D3’s axis components. The chart demonstrates fundamental D3 data-join and DOM manipulation techniques for creating and styling SVG elements.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed