Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

ICE-06: Rendering Marks and Channels with React & D3

Public visualization

ICE-06: Rendering Marks and Channels with React & D3

0 stars0๐ŸŒ Public
Ssnehareddygurram
Last edited Mar 10, 2023
Created on Mar 10, 2023

This visualization displays the basic cost of products sold across fifteen countries, using horizontal bars whose lengths encode the financial value for each country. Built with React and D3 v5, the code renders an SVG chart by mapping country names to a d3.scaleBand y-axis and cost values to a d3.scaleLinear x-axis. The data is loaded from a CSV file via d3.csv, and the bars are drawn as SVG rectangles within a transformed group.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed