Skip to main content
SimilarExport ZIP
100%

Activity6_Task2_Q2.1

✓ Published0🌍 Public
PPothuguntla Pranitha
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from IMDb Movie ratings

This visualization displays the average horsepower for various car makes, using a vertical bar chart where each bar represents a different manufacturer, sorted along the x-axis and measured on the y-axis. The chart, built with D3.js (d3.v7), uses SVG for rendering and includes an animated tooltip that appears on mouse hover. This tooltip reveals the specific make and its average horsepower value. The data is loaded from an external CSV file, and the chart's bars are drawn with the `d3.scaleBand` and `d3.scaleLinear` APIs to map the categorical and numerical variables, respectively.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_q2

This visualization shows average horsepower, torque, and highway MPG for various car makes, displayed as a horizontal stacked bar chart sorted by total performance. The Chart.js library renders the bars, with each segment color-coded by metric. Data is loaded from a CSV file using PapaParse and grouped by make to calculate averages. The chart uses stacked axes to compare performance metrics across brands, with tooltips showing precise values.

Nnandasaipalankius@gmail.com
87% match
Loading thumbnail…

Activity 6_Question2

This visualization presents a stacked bar chart comparing the horsepower and torque values for different car makes, with each bar segmented by these two attributes. The chart uses a categorical color scale to distinguish horsepower from torque, and the hover interaction reveals the specific value for each segment. Built with D3.js v7, the code loads data from the Iris.csv file, applies a linear scale for the value axis, and a band scale for the categorical makes. Tooltips are implemented using D3’s selection and event handling to display detailed information on mouseover.

MMonish Galla
87% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart compares horsepower, torque, and highway MPG across car manufacturers, showing how each performance metric contributes to a total value per make. The visualization uses D3.js v7 to create SVG bar segments via the `d3.stack()` function, with a color scale distinguishing metrics. Hovering over a bar segment triggers a tooltip displaying the exact metric value, while axis labels and a legend clarify the categorical comparison. The data originates from a CSV file, and the code uses `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis.

CCodeNinja
86% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart displays the average horsepower, torque, and highway MPG for various car makes, sorted by total value. The chart uses a horizontal layout with segments colored in shades of orange to represent each specification. It is built with D3 v7 and renders as an SVG, employing `d3.stack()` for the stacked data transformation, `d3.scaleOrdinal` for color mapping, and `d3.axisBottom` and `d3.axisLeft` for axes. The data is loaded from a CSV file and processed with numeric conversion.

Rrahman.mehmood2002@gmail.com
86% match
Loading thumbnail…

Activity_6_Task2_Q2

This stacked bar chart visualizes the distribution of horsepower, torque, and highway MPG across 31 car makes, using d3.stack with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. Each bar segment represents one attribute, colored via d3.scaleOrdinal, and hover interactions display the precise attribute value in a tooltip. The SVG renders data from a local CSV, with axes, labels, and gridlines styled using D3’s axis methods and external fonts.

Vvarmanithish5@gmail.com
86% match
Loading thumbnail…

Activity6_task2

This visualization shows the distribution of horsepower across ten car models, using a horizontal stacked bar chart where each bar represents a model and segments show the proportion of its power falling into five ranges from below 200 to above 800 horsepower. The chart uses a divergent color scale from green through purple, blue, yellow, and red, with model names on the y-axis and percentage on the x-axis. Built with d3.v7, it employs d3.stack() to create the stacked layout, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the continuous x-axis. Interactive tooltips display the exact percentage for each segment on mouseover, with data sourced from a CSV file containing proportional values that sum to one per car.

Yyadlapallisaisathvik@gmail.com
86% match
Loading thumbnail…

Activity8_Task2_DV_LB_Q2.1

This stacked bar chart displays the efficiency of fourteen car makes by comparing their average horsepower, torque, and highway MPG values. The visualization uses D3.js version 7 to implement a horizontal stacked bar layout, where each make is a row and the three metrics are stacked segments. The data is loaded from a CSV file and processed with the `d3.stack()` API to create the cumulative bars. The chart includes interactive tooltips that display the exact numeric value for each metric segment when hovered, and uses a custom color scale to distinguish between the three efficiency metrics.

Llikithabaddam@my.unt.edu
86% match
Loading thumbnail…

activity 6 task 4.1

This bubble chart visualizes the relationship between average horsepower and torque for various car makes, with bubble size encoding highway MPG and color distinguishing the vehicle makes. The visualization employs D3.js v7 to render SVG elements, using linear scales for the x and y axes. Animated tooltips appear on mouseover, displaying the make name, while a legend communicates the MPG scale. The data is loaded from a CSV file, and the D3 `scaleLinear` and `scaleOrdinal` APIs handle the mappings for size and color, respectively.

Ssairamisetti3829@gmail.com
85% match