Skip to main content
SimilarExport ZIP
100%

Ayush - First Visual (EV Data)

✓ Published1🌍 Public
Sshindeayush76@gmail.com
Last edited Feb 14, 2024
Created on Jan 30, 2024

This scatter plot shows the relationship between driving range and price for electric vehicles in Germany, using color saturation to encode efficiency and revealing a general trend where longer-range vehicles tend to cost more in euros. Built with D3.js, the visualization uses `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and `circle` elements with `colorScale` mapping efficiency from teal to purple. The data comes from a Kaggle dataset on electric vehicle specifications and prices, with missing "NA" values appearing as points outside the main plot margins.

AI-generated description

The data visualized is from dataset "EV_Data" which was used in the 2nd assignment. [Source]: "https://www.kaggle.com/datasets/fatihilhan/electric-vehicle-specifications-and-prices"

The graph represents a scatter plot of electric vehicles, where the driving range is plotted against price. X-axis represents the driving range of the vehicle on a single charge in kilometers. Y-axis represents the price of the electric vehicle in Germany. I have used color saturation to visualize the circles across the graph.

Note: there are a few "NA" values in the dataset which is the reason why we see those points outside the margin of graph.

MIT Licensed

Similar vizzes

Loading thumbnail…

Ayush - Assignment 7

This animated scatter plot visualizes electric vehicle specifications from a Kaggle dataset, plotting driving range in kilometers against price in euros for models in Germany. Each circle represents a vehicle, colored by brand using a D3 ordinal scale with the Tableau10 scheme. Interactive tooltips display car name, range, and price on hover. A legend built with D3 selection methods allows clicking a brand to highlight its vehicles by adjusting circle opacity. The visualization uses D3 scales, axes, and transitions to present the correlation between range and price.

Sshindeayush76@gmail.com
87% match
Loading thumbnail…

Fork of Ayush - Assignment 7

This scatter plot displays the correlation between driving range and price for electric vehicles, sourced from a Kaggle EV_Data dataset. Each point represents a vehicle model, with color encoding car brands from Germany. The chart is built with React and D3, using `d3.scaleLinear` for both axes and rendering as an SVG. Hovering reveals details like brand, exact range, and price. An interactive legend lists the ten car brands in order of occurrence.

Sshindeayush76@gmail.com
83% match
Loading thumbnail…

EV

This interactive scatter plot visualizes the relationship between driving range and price for 35 electric vehicle models, with each point colored by brand. The chart maps driving range (km) on the x-axis against price (EUR) on the y-axis, using a clean, animated scatter layout that reveals price-range correlations across the EV market. Hovering over any point displays a tooltip with the car model, brand, exact range, and price, while an interactive legend highlights the 10 cars in order of appearance in the dataset. The animation adds a temporal reveal effect as points appear sequentially. The data comes from the EV_Data dataset (source: Kaggle), and the visualization is rendered as an interactive D3.js animation, with the code licensed under MIT.

NNita
81% match
Loading thumbnail…

Ayush - EV Data

This example visualizes the specifications of electric vehicles from a Kaggle dataset, showing a formatted view of a single record. The code loads the data from a CSV file, converts string values to numbers for all performance metrics, and then uses JavaScript to display the first data point. The visualization uses a simple HTML `<pre>` element to render a JSON string representation of the vehicle's attributes, such as battery capacity, price, and top speed, at a specified font size. The implementation relies on standard JavaScript data handling and DOM manipulation without any external charting libraries.

Sshindeayush76@gmail.com
76% match
Loading thumbnail…

ICE-7 1 Q Sadvik

This scatter plot visualizes an electric vehicle dataset, showing the relationship between average price and electric range for different vehicle types. Each point represents a vehicle, with position determined by price on the y-axis and range on the x-axis. The visualization uses D3 v7 with an SVG renderer, employing linear scales for both axes and a color scale to distinguish between Sedans, SUVs, Hatches, and Crossovers. The code explicitly creates axes, adds labels, and includes a categorical legend with colored circles, using methods like `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`.

SSadvik
75% match
Loading thumbnail…

Fork of Parallel Coordinates with Brushing EV Data (Ayush)

This example visualizes electric vehicle specifications across multiple quantitative axes, including Efficiency, Price, Range, Top Speed, and Acceleration. Users can brush along any axis to filter the displayed data, highlighting car models that fall within selected ranges while dimming others. The visualization uses D3.js with `scalePoint` and `scaleLinear` to map each dimension, and `transition` with eased opacity to animate filtered lines in and out. Categorical data, such as car brand, determines the color of each path via `scaleOrdinal` and `schemeCategory10`. The dataset appears to be from a custom EV data package, and the chart updates responsively using the `observeResize` helper.

Sshindeayush76@gmail.com
73% match
Loading thumbnail…

Fork of ICE 7 1Q Sharanya

This scatter plot visualizes electric vehicle data, showing the relationship between average range in miles and average price in USD, with each point colored by vehicle segment. It displays a legend mapping the Tableau10 color scheme to vehicle categories. The visualization is built using D3 v7, loading data from a CSV file via `d3.csv` and rendering as an SVG. It uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for color encoding, and `d3.axisBottom` and `d3.axisLeft` for the axes.

Cchengalvasharanya@gmail.com
72% match
Loading thumbnail…

ACTIVITY6_Ques3

This scatter plot visualizes the range in kilometers for electric vehicles from five brands (Tesla, BMW, Nissan, Kia, Hyundai) using a categorical x-axis and linear y-axis. Each car is represented by a distinct symbol (circle, square, triangle, diamond, cross) and color per brand, showing the distribution of ranges across brands. The visualization is built with D3 v7, using d3.scalePoint for the categorical positioning, d3.scaleLinear for the range axis, and d3.symbol to generate the custom glyphs. Data comes from the uploaded ElectricCarData_Clean.csv file, rendered as SVG elements within a static HTML page.

Kkbhavithareddy06@gmail.com
71% match