Data Visualization Short Presentation Task6

100%

Data Visualization Short Presentation Task6

✓ Published0🌍 Public

Last edited Jul 27, 2023

Created on Jul 27, 2023

This example presents a bubble chart comparing the average monthly hours audiences spend watching different show genres against their weekly average hours. Each bubble is colored by show category and sized according to highway MPG values from the CSV data. The visualization uses D3 v7 with SVG rendering, including tooltips on mouseover, axis labels, and a legend illustrating both bubble size and categorical color mapping. Hover interactions dynamically display the show make, while opacity changes highlight individual data points.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Visualization Short Presentation Task5

This stacked bar chart displays the distribution of Netflix show ratings across six genres, with each bar segment representing the percentage of audience ratings falling into categories from "below 5.0" to "above 8.5". The visualization uses d3.csv to load the data, d3.stack() to compute the stacked segments, and d3.scaleOrdinal with a custom color array for encoding rating categories. Interactive tooltips, styled with hover effects that change rectangle opacity, display exact percentages on mouseover, while axes, labels, and a legend help contextualize the data.

Aanith462@gmail.com

80% match

Loading thumbnail…

Data Visualization Short Presentation Task 4 Pie Chart

This pie chart displays Netflix viewership data by genre, with each slice representing the number of viewers for a particular Netflix category. Values are formatted in thousands and labeled inside the chart, while a legend on the right identifies each genre with a color-coded rectangle. The visualization uses D3 v5 to load CSV data via `d3.csv`, compute the pie layout with `d3.pie` and `d3.arc`, and render the chart as SVG paths and text. Colors are assigned using `d3.scaleOrdinal` with a custom range.

Aanith462@gmail.com

76% match

Loading thumbnail…

Bubble chart

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for car makes, with bubble size encoding MPG and color distinguishing brands. It uses D3 v7 to load CSV data, render SVG axes and circles, and includes interactive tooltips on hover. A legend maps bubble sizes and colors to MPG values and make names, while animated transitions enhance the tooltip interactions.

SSwapna1915

75% match

Loading thumbnail…

Assignment 2 Question 4

A bubble chart maps video game genres by their average user and critic scores, with bubble size representing global sales in millions. Genres are color-coded via a scale inferred from the data, and hovering reveals a tooltip with the genre name. A legend shows reference sales values and a color key for genre identification. The visualization uses D3 v7 with SVG and CSS styling, employing scales like `d3.scaleLinear` and `d3.scaleOrdinal` with `d3.interpolateTurbo`, and includes animation through CSS transitions on opacity and stroke width.

MMichael Biancardi

73% match

Loading thumbnail…

Bubble chart Assignment 2 Q4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes, with each circle sized by MPG and colored by manufacturer. The visualization uses d3.v7 to load CSV data and render an SVG with axis scales, a tooltip on mouseover, and a legend for both bubble size and color categories. Hovering highlights a bubble via opacity changes and displays the make in a styled tooltip.

VVishnu Sudireddy

73% match

Loading thumbnail…

Fork of Assignment 5 - Bubble Chart

This bubble chart visualizes average horsepower versus average torque for various car brands, with bubble size encoding average highway MPG and color distinguishing each make. A black tooltip appears on hover, displaying the car brand. The visualization is built with D3 v7, using SVG circles, linear scales for axes, a power scale for bubble radius, and an ordinal color scale. Data is loaded from a CSV file, and the chart includes legends for bubble size and color categories.

SSumanya4

73% match

Loading thumbnail…

Activity 7 - Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with each bubble sized by MPG and colored by make. It uses D3 v7 to load CSV data, create SVG scales for position, size, and color, and render circles. Hovering shows a tooltip with the car make. The chart includes legends for both MPG size and make color.

Ppasyasahas

73% match

Loading thumbnail…

Bubble chart task5

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across different car makes using a colorful scatterplot. Each circle’s position maps horsepower and torque on the axes, while its radius and color correspond to highway MPG and vehicle brand respectively. The visualization includes interactive tooltips, a legend for MPG scaling, and a color legend for manufacturers. Built with D3.js v7, the SVG-based chart loads CSV data and uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and `d3.axisBottom/Left` for tick rendering.

Ppardha1411

73% match