Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Re-create Marks & Channels Graphic

Public visualization

Re-create Marks & Channels Graphic

0 stars2🌍 Public
Wwangjonathan
Last edited Sep 10, 2018
Created on Sep 10, 2018
Forked from HTML Cars Report

This example recreates a marks-and-channels graphic by drawing a curved line through a set of six predefined points. The path uses D3’s `line` generator with `curveCardinal` interpolation to produce a smooth spline, while small circles mark each data point. The code selects the SVG `path` and appends `circle` elements for every point, using raw coordinate arrays from the dataset. Rendering is done with D3 v5 and SVG, with the line styled via CSS as a gray, unfilled stroke.

AI-generated description

Demonstrates the curve using line and curve in D3.js

Comments

Sign in to join the discussion.

MIT Licensed