Activity6_Task4_Q4(9)

100%

Activity6_Task4_Q4(9)

✓ Published0🌍 Public

Last edited Mar 31, 2025

Created on Mar 31, 2025

This bubble chart visualizes airline performance by plotting total passengers on the x-axis, fleet size on the y-axis, and using bubble radius to encode on-time performance percentage. The chart uses a categorical color scale to distinguish airlines, with an SVG legend positioned to the right. Interactive tooltips appear on hover using a custom HTML overlay that follows the mouse. Built with D3 v7, the visualization reads CSV data and configures axes, scales, and event handlers through the D3 API.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Question 4

This bubble chart visualizes airline ticket sales data from a CSV, plotting the number of routes on the x-axis against average ticket price on the y-axis. Each circle’s area encodes passenger volume, while color distinguishes airlines, with a legend and interactive tooltips showing exact values. The visualization uses D3 v7’s `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` APIs to map data dimensions to visual encodings, rendered as SVG circles. Animated tooltips appear on hover, and the chart includes labeled axes and a title, all built with D3’s selection and layout methods.

BBharath Vupputuri

82% match

Loading thumbnail…

Assignment 5: bubble plot with D3

This bubble chart visualizes airline delay data, mapping the number of late aircraft delays on the x-axis, national aviation system delays on the y-axis, carrier delays as bubble size, and month as color. Built with D3 v7, the chart uses SVG and includes interactive tooltips that display airport details on hover. The code loads data from a CSV file, filters out zero values, and applies scales including `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` with a categorical color scheme. Axis labels and a legend are rendered using standard D3 components, with a `d3.legend` library for the color key.

Hhxu51@usfca.edu

79% match

Loading thumbnail…

Fork of Assignment 5: bubble plot with D3

This bubble chart visualizes airline delay data, plotting late aircraft delays on the x-axis, national aviation system delays on the y-axis, and carrier delays as the bubble size, with color indicating the month. Users can click legend items to filter the data by month, and the chart updates with animated transitions. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.legend` for the interactive color legend. Data is loaded from a CSV file via `d3.csv`.

NNita

77% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes vehicle performance by plotting horsepower on the x-axis, torque on the y-axis, and encoding highway MPG through bubble size. Each bubble represents a car make, colored via a d3.scaleOrdinal with d3.schemeTableau10. The visualization uses d3.csv to load local data, d3.axisBottom and d3.axisLeft for axes, and interactive tooltips triggered by mouseover events to display detailed vehicle specifications. Hovering highlights bubbles with increased stroke width through CSS transitions.

Pperamranji

77% match

Loading thumbnail…

Activity 7.1_Question2

This area chart visualizes the monthly airline passenger counts for 1958 from the classic AirPassengers time series dataset. It combines a blue gradient area fill with a solid line and circular data points, all rendered as SVG using D3 v7. The chart includes interactive tooltips on mouse hover and highlights the peak passenger month. It uses `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, `d3.line`, and `d3.axisBottom` to load, scale, generate, and render the visualization.

Mmohanalaharic@gmail.com

77% match

Loading thumbnail…

Fork of Activity6_Task4

This stacked bar chart displays customer satisfaction ratings for six airlines, broken into five rating categories from "Below 5" to "Above 8.5" across a horizontal percentage scale. D3.js (v7) fetches the CSV data via `d3.csv()`, then uses `d3.stack()` with `d3.scaleOrdinal` for color coding, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the y-axis to render the SVG bars. Each airline’s proportional distribution of ratings is shown as stacked segments, with a legend below clarifying the color-to-rating mapping.

LLakshmiPrasannaValdas@my.unt.edu

77% match

Loading thumbnail…

task 8_Q3

This stacked bar chart shows the distribution of passenger ratings across different categories (such as seat comfort, cabin staff service, and food) for various airlines. Each horizontal bar represents an airline, with colored segments showing the percentage of reviews for each rating level. The visualization uses d3.stack and d3.scaleOrdinal to create the stacked segments, with d3.axisBottom and d3.axisLeft for the axes. Hovering over a segment triggers a tooltip displaying the exact percentage for that rating category, implemented via mouseover/mousemove events. The data comes from a CSV of airline reviews, and the SVG rendering uses custom fonts from Yanone Kaffeesatz and Sofia.

LLakshmiPrasannaValdas@my.unt.edu

76% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes vehicle performance by plotting horsepower on the x-axis and torque on the y-axis for 31 car makes, with bubble size encoding highway MPG and color distinguishing each brand from a CSV dataset. The visualization uses D3 v7 to create an SVG with linear scales, ordinal color mapping, and interactive tooltips that appear on mouseover with vehicle details. Hover effects trigger opacity and stroke changes, while separate size and color legends help interpret the third and fourth data dimensions encoded in the circles.

Ssreejabommineni1506@gmail.com

76% match