Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7 question 1.2 iftequar

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

c9c3f1c55a4c419a9fb28526380f37af

Open

Activity 7 question 1.2 iftequar

0 stars0🌍 Public
Iiftequaruddin883@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This visualization displays the distribution of anime ratings across different genres, with data sourced from a CSV file. It uses an area chart to show the value of five rating ranges, from "below 5.0" to "above 8.5", with each range represented as a differently colored, semi-transparent path. The D3.js code (v7) uses `d3.area()` and `d3.curveMonotoneX` to generate the areas, `d3.scaleBand` for the x-axis, and `d3.axisBottom` and `d3.axisLeft` for axes. The SVG rendering applies rotated x-axis labels and opacity to layer the ranges.

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.