Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6: Rendering Marks and Channels with React submitted by Tejaswi_Teummala

Public visualization

ICE-6: Rendering Marks and Channels with React submitted by Tejaswi_Teummala

0 stars0🌍 Public
Tttummala17
Last edited Jun 25, 2022
Created on Jun 25, 2022
Forked from D3 Starter

This example renders a static SVG visualization using React and D3 v7, displaying country-level data on working hours and population from a CSV file sourced via GitHub gist. The code loads data with `d3.csv`, scales values with `d3.scaleBand` and `d3.scaleLinear`, and hand-codes a decorative geometric composition of rectangles, lines, and polygons in JSX. Although channel mappings are defined, the visible output is a fixed abstract artwork of brown, yellow, and red shapes rather than a data-driven chart.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed