Skip to main content
SimilarExport ZIP
100%

Activity-6 Q-9

✓ Published0🌍 Public
KKavyaEti
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

A bubble chart visualizes manga and webtoon popularity by mapping the number of chapters on the x-axis, readers on the y-axis, and rating to bubble size, with genre encoding color. The D3.js v7 code loads CSV data and uses `d3.scaleLinear` for axes and bubble radius, plus `d3.scaleOrdinal` with `d3.schemeCategory10` for color. Interactive tooltips appear on mouseover, and an animated legend illustrates rating values using overlay circles.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6 Q3

This visualization shows a horizontal stacked bar chart comparing manga readership across five age groups, breaking down readers into Action and Romance genre categories. The code uses D3 v7’s `d3.stack()`, `scaleLinear`, `scaleBand`, and `scaleOrdinal` with a custom color palette to render the SVG. Interactive tooltips appear on mouseover, displaying the specific genre reader count for each segment. The chart includes axis labels, a title, and a legend, with data loaded from a local CSV file via D3’s data-binding methods.

KKavyaEti
85% match
Loading thumbnail…

Activity-6 Q3

This example shows a stacked bar chart of manga readership by genre and age group, sourced from a local CSV file. Each age bracket, from 10-19 to 50 and above, contains segments for action and romance readers, with bar lengths proportional to reader counts. The visualization employs D3.js v7 and renders via SVG, using `d3.stack()` to create the stacked layout, `d3.scaleOrdinal` for genre colors, and `d3.scaleLinear` and `d3.scaleBand` for axes. Tooltips display exact reader numbers on hover.

KKavyaEti
83% match
Loading thumbnail…

Activity6_Q_9

This bubble chart visualizes the distribution of movie ratings across six genres, comparing the percentage of ratings in the 5.0-6.5 range (x-axis) with the 6.5-7.5 range (y-axis), while the bubble size encodes the percentage of ratings above 8.5 and color distinguishes genres. The visualization uses D3 v6 with SVG rendering, loading data from a remote CSV file via `d3.csv`. Interactive tooltips appear on hover, showing the exact numeric values for each genre, while axes and labels clarify the rating ranges being compared. The chart employs `d3.scaleLinear` for positional and radial encoding, `d3.scaleOrdinal` with `schemeCategory10` for categorical coloring, and standard D3 axes for annotation.

Aadapasaidivya99@gmail.com
83% match
Loading thumbnail…

Activity6_q4

A bubble chart explores the correlation between movie ratings across genres, plotting the percentage of ratings in the 5.0-6.5 range on the x-axis and the 7.5-8.5 range on the y-axis, while bubble size encodes the 6.5-7.5 range percentage. Each genre appears as a distinct color, revealing relationships between rating distributions. The visualization uses D3.js to render SVG elements, with d3.scaleLinear for axes and size, d3.scaleOrdinal for color mapping, and interactive tooltips showing genre details on mouseover.

Nnandasaipalankius@gmail.com
83% match
Loading thumbnail…

Activity-6 Q3

This example shows a stacked horizontal bar chart of manga readers by genre (Action and Romance) across five age groups, using data from a CSV file. It loads D3 v7 via UNPKG and renders SVG. The code uses `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to construct the chart, with a custom tooltip on mouseover. A legend and axis labels are included, and colors differentiate the two genres.

KKavyaEti
82% match
Loading thumbnail…

activity6_question4

This bubble chart visualizes the distribution of movie ratings across six genres using CSV data. The x-axis maps the proportion of ratings below 5.0 while the y-axis maps ratings above 8.5, with circle size representing the 6.5–7.5 rating range. The visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.schemeCategory10 for color encoding, and includes interactive tooltips on mouseover. A legend and reference circles are rendered alongside the animated SVG, with genre labels positioned to the right of the plot area.

Nnishwitha.1032@gmail.com
81% match
Loading thumbnail…

Activity6_task4

This bubble chart visualizes the distribution of movie ratings across six genres, plotting the percentage of ratings in the 5.0–6.5 range on the x-axis against the 6.5–7.5 range on the y-axis. Bubble size encodes the share of ratings above 8.5, while color distinguishes genres. The chart uses d3.csv to load data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal with d3.schemeCategory10 for colors. Interactive tooltips appear on mouseover via d3 transitions, and axes are rendered with d3.axisBottom and d3.axisLeft.

Jjahnavigummadi@my.unt.edu
81% match
Loading thumbnail…

activity6_q4

A bubble chart visualizes the correlation between movie rating ranges across six genres, plotting the percentage of ratings in the 5.0–6.5 range on the x-axis against the 7.5–8.5 range on the y-axis. Bubble size encodes the intermediate 6.5–7.5 rating percentage, while distinct colors identify each genre. The D3 v7 code uses `scaleLinear` for axes and sizing, `scaleOrdinal` for coloring, and includes interactive hover tooltips alongside axis labels and percentage-formatted ticks.

Mm.maanvireddt761@gmail.com
81% match