Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Tutorial 2

Public visualization

Viewing a saved revision (read-only)

227f7e6b55e447fb9dfe2517236abc82

Activity 6_Tutorial 2

0 stars0🌍 Public
Jjayanthbalina@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This example displays a horizontal stacked bar chart for movie genres, showing the proportional distribution of ratings from “below 5.0” to “above 8.5.” Each genre row is split into colored segments based on data from the CSV file, with the longest segment indicating the most common rating range for that genre. The visualization is built with D3 v5, loaded through UNPKG, and uses the `select` API to target the DOM element, while the chart’s rendering logic is implemented in the accompanying JavaScript code.

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.