Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

d28ed6fbc6f4427a8fbdc454337fb219

Open

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

0 stars0🌍 Public
CCHANDU BHARGAVI
Last edited Mar 9, 2023
Created on Mar 3, 2023
Forked from Hello VizHub

This example renders a horizontal bar chart of the ApplicantIncome for the first fifteen Loan IDs from a CSV hosted on GitHub. The visualization is built with React and D3 v5, using D3's `scaleBand` and `scaleLinear` for axes and `csv` for data loading. It renders SVG directly through React, with pink rounded rectangles as marks and custom grid lines and tick labels.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.