Skip to main content
100%

Fork of Task8_Question4

✓ Published1🌍 Public
SSreeKohaliPatel@my.unt.edu
Last edited Apr 16, 2024
Created on Apr 16, 2024

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`.

AI-generated description
MIT Licensed

Similar vizzes

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
94% 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
94% 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
93% match
Loading thumbnail…

Activity6-Q4.9 2

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`.

Ssriyaalugupalli@my.unt.edu
89% 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
89% 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
87% match
Loading thumbnail…

Fork of Activity_6_Task2_Q2.3

A bubble chart renders car brand data as horizontal stacked bars, with each bar segmented by attribute (horsepower, torque, and highway MPG). The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `scaleOrdinal`, and `stack` APIs to position and color the segments. Data is loaded from a local CSV file, and the SVG output includes interactive tooltips. The chart is implemented directly in an HTML page with embedded JavaScript, applying a custom color palette and formatting values to two decimal places.

Pparvathi829790@gmail.com
78% match
Loading thumbnail…

Task8 T4

This bubble chart displays the relationship between average horsepower and average torque for seven car makes, with each car brand represented by a colored circle. The visualization uses D3.js v7 to load data from a CSV file, map values to linear scales for both axes, and encode the categorical car brand through an ordinal color scale. SVG circles are positioned using the xScale and yScale functions, with a legend identifying each make by color, while axis labels clarify the quantitative dimensions being compared.

Ssruthimreddy6@gmail.com
78% match