Skip to main content
SimilarExport ZIP
100%

Activity6-Q4.9 2

✓ Published0🌍 Public
Ssriyaalugupalli@my.unt.edu
Last edited Oct 24, 2024
Created on Oct 23, 2024

This bubble chart shows the relationship between electric car brands and their maximum price in euros. Each bubble’s vertical position and size encode the price, while color uses a plasma gradient to provide an additional visual cue. The chart is built with D3 v7, using the `d3.csv` loader to fetch data, `d3.group` and `d3.max` to aggregate by brand, and `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleSequential` for the scales. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Task8_Question4

This bubble chart displays the maximum price for each electric car brand in a dataset of 2020 models, with one bubble per brand plotted along the x-axis and price in Euros on the y-axis. The chart uses D3.js (v7) to load CSV data, group car models by brand, and compute the highest price per brand. Bubble size and color are mapped to price using a sequential plasma color scale, with axis labels provided via `d3.axisBottom` and `d3.axisLeft`.

SSreeKohaliPatel@my.unt.edu
89% match
Loading thumbnail…

Fork of Fork of Task8_Que4

This visualization displays the maximum price for each electric car brand in ascending order along the x-axis, with price in Euros on the y-axis and bubble size representing price magnitude. The chart uses D3 v7 with `d3.scaleBand` for the categorical brand axis, `d3.scaleLinear` for the price axis, and `d3.scaleSqrt` to map prices to bubble radii. A sequential plasma color scale encodes price values using `d3.interpolatePlasma`. Data comes from the ElectricCarData_Clean.csv file, loaded via `d3.csv`, and groups entries by brand to find maximum prices.

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

Fork of Fork of Task8_Question4

This chart displays the maximum price for each electric car brand as a bubble, with both the vertical position and bubble size encoding the price value. A sequential color scale adds a third encoding of the same price dimension. The visualization loads CSV data from a remote GitHub repository, groups entries by brand, and renders them as an SVG bubble chart using D3 v7. It employs `d3.csv`, `d3.group`, `scaleBand`, `scaleSqrt`, and `scaleSequential` with the `interpolatePlasma` color scheme.

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

Task8_Question4_HKK

The visualization compares the highest-priced electric vehicle model from each manufacturer as a bubble chart. Brand names are listed on the x-axis, while the y-axis represents the maximum price in euros, with each bubble's position and size encoding this value and its color following a sequential plasma scale. Implemented with d3.v7, the chart uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleSqrt` for axes and radii, and `d3.axisBottom`/`d3.axisLeft` for ticks. Data comes from a CSV file with car specifications, and the SVG rendering is generated via `d3.select` and appended circles.

Hhemanthkakani1999@gmail.com
86% match
Loading thumbnail…

Fork of Task8_Question

This visualization displays the highest-priced electric vehicle for each brand, using a bubble chart where circle size and color encode price in euros. The data comes from an external CSV file, processed with d3.group and d3.max to aggregate by brand. The chart is rendered as SVG using d3.scaleBand, d3.scaleLinear, d3.scaleSqrt, and d3.scaleSequential with interpolatePlasma, with axes and labels generated via d3.axisBottom and d3.axisLeft.

SSreeKohaliPatel@my.unt.edu
85% match
Loading thumbnail…

Task8_Question4

This visualization displays the maximum price of electric vehicles for each brand as a bubble chart, with the y-axis and bubble size both encoding price. It uses a categorical x-axis for brand names, which are rotated for readability. The code loads CSV data with `d3.csv`, groups data by brand using `d3.group`, and finds the maximum price per brand. It renders SVG circles with position determined by `d3.scaleBand` and `d3.scaleLinear`, and encodes price through both the radius (`d3.scaleSqrt`) and color (`d3.scaleSequential` with `d3.interpolatePlasma`). Axes are added using `d3.axisBottom` and `d3.axisLeft`.

Nneerajreddyaluka@gmail.com
84% match
Loading thumbnail…

Activity6_ques4

This interactive bubble chart compares electric vehicle range across five car brands using a dataset of 25 vehicles. The visualization maps brands on a categorical x-axis using `d3.scalePoint` and range in kilometers on a linear y-axis, with circle sizes scaled by `d3.scaleSqrt`. SVG circles are colored by brand via `d3.scaleOrdinal`, and hover interactions trigger a styled tooltip displaying brand and exact range. The chart includes labeled axes, a color-coded legend, and data loaded asynchronously from a CSV file through `d3.csv`.

Kkbhavithareddy06@gmail.com
82% match
Loading thumbnail…

Activity6_Q4

This bubble chart visualizes the correlation between max speed, acceleration, and fuel efficiency for various car brands, with each circle's size representing fuel efficiency and color encoding brand identity. The visualization includes a tooltip that displays the brand name on hover, as well as legends for both fuel efficiency values and brand categories. Built with D3 v7, the chart uses d3.csv to load data, d3.scaleLinear for positioning and sizing, d3.scaleOrdinal for colors, and SVG circle elements with mouse event handlers for interactivity.

Sssuryateja804@gmail.com
80% match