Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Fork of ICE-6: Rendering Marks and Channels with React & D3

0 stars0🌍 Public
Mmanthenasirisha06@gmail.com
Last edited Mar 20, 2024
Created on Mar 20, 2024

This example demonstrates how to build interactive charts by combining React and D3 v7. It renders a bar chart and accompanying line series using SVG, where user-driven selections update the displayed marks and channels. The visualization highlights how D3's data-join and scales work with React's component model to produce declarative, reusable chart elements.

AI-generated description

Rendering Marks and Channels with D3.js and SVG I have used menu items of McDonald's dataset.

Comments

Sign in to join the discussion.

MIT Licensed