Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_8_Question-1.1

Public visualization

Activity_8_Question-1.1

0 stars1🌍 Public
Mmanideepchinna25@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This visualization presents a horizontal bar chart of population data for ten countries, using a green fill for each bar. The chart is rendered as an SVG within a React application, leveraging D3.v5 for data processing and scale construction. The code demonstrates modular components for axes and marks, employing D3's `scaleBand` and `scaleLinear` for positioning. Population values are loaded from a remote CSV file, formatted with D3's `format` function to display values like "1.2B". Tooltips are provided via SVG `<title>` elements, and the chart includes styled blue tick lines and labeled axes.

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.

Comments

Sign in to join the discussion.

MIT Licensed