Fork of EV vehicle range

100%

Fork of EV vehicle range

✓ Published0🌍 Public

Last edited Jan 19, 2024

Created on Jan 19, 2024

This bar chart shows the range of different electric vehicles in miles, comparing current range to a new extended range with GTC technology. Two overlaid bars per vehicle display both values, with color-coded legends and numeric labels. The visualization uses D3 v5 with `scaleLinear` and `scaleBand` for positioning, `axisLeft` and `axisBottom` for axes, and `csv` to load data from a GitHub gist. SVG is used for rendering, with bars, labels, and a legend drawn directly in the markup.

AI-generated description

Interactive Bar Chart

MIT Licensed

Similar vizzes

Loading thumbnail…

EV vehicle range

This interactive bar chart compares the current and extended EV range for various vehicles, highlighting the impact of the GTC Range Extender. It uses D3.js v5 with an SVG rendering approach, leveraging `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the visualization. The data is loaded via `d3.csv` from a GitHub gist, with green bars representing current range and orange bars showing the enhanced range, accompanied by a legend and value labels for clarity.

NNita

89% match

Loading thumbnail…

EV vehicle range - 2

This D3.js bar chart compares the current and extended ranges for various electric vehicles. Each vehicle has two horizontal bars: the green bar represents the current range in miles, while an offset orange bar above it displays the new range when equipped with a GTC Range Extender. The chart uses data from a remote CSV file and directly labels both range values next to their respective bars. The visualization employs `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom` to construct the plot within an SVG element.

NNita

89% match

Loading thumbnail…

Bar chart - I

This bar chart visualizes the range of different EV vehicles, with horizontal bars showing each model's range in miles. Built using D3 v5, it demonstrates a clean, simple bar chart design with a categorical y-axis for vehicle names and a continuous x-axis for the range values. The chart uses `scaleLinear` and `scaleBand` to map the data, `axisBottom` and `axisLeft` for axes, and SVG rectangles for bars. Data is loaded from a CSV file via `d3.csv`, and tooltips provide additional details on hover.

NNita

83% match

Loading thumbnail…

Activity6-ques2

This stacked bar chart visualizes the distribution of electric vehicle ranges across five car brands using data from ElectricCarData_Clean.csv. Each horizontal bar represents a brand, segmented into five color-coded range bins, from below 200 km to above 500 km. The visualization uses D3.js v7 to process the data, calculate proportional bin frequencies, and render the SVG with scales from `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal`. The chart includes axes with percentage tick formatting via `d3.axisBottom` and a legend.

Kkbhavithareddy06@gmail.com

78% match

Loading thumbnail…

Fork of React & D3 Starter

This bar chart displays the average electric range for different car manufacturers, using a dataset of recorded ranges. Built with React and D3.js v7, it renders an SVG graphic with steel blue bars. The chart uses D3 scales, `d3.csv` for data loading, and `d3.axisBottom` and `d3.axisLeft` to create the axes from the provided CSV file containing Make and ElectricRange values.

SSadvik

77% match

Loading thumbnail…

Electric Vehicle Data Line Chart

This line chart visualizes the average electric range of electric vehicles aggregated by model year. Built with Vue and D3.js, it uses `d3.csv` to load the dataset, `d3.rollup` and `d3.mean` for aggregation, and `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG line and axes. The chart shows a general upward trend in range across model years, with data sourced from the Electric_Vehicle_Data.csv file.

Mmeangreen0067@gmail.com

76% match

Loading thumbnail…

Fork of React & D3 Starter

This scatterplot shows the relationship between the base price and electric range of various electric vehicles, with each orange circle representing a model. The chart plots price on the x-axis and range on the y-axis, revealing clusters and outliers among Tesla, Lucid, Ford, and other brands. The visualization is built using React and D3 v7, loading data from a CSV file via `d3.csv`. It employs `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and appends circles to the SVG using `d3.select` and `.enter()`.

SSadvik

76% match

Loading thumbnail…

Fork of React & D3 Starter

This example visualizes EV range and price trends across 2020–2023 as a combined bar chart and line chart. Steelblue bars encode driving range against a left axis, while a red line shows average price against a right axis. The visualization is built with React and D3 v7, using `d3.csv` to load the dataset, `scaleBand` and `scaleLinear` for axes, and `d3.line` to generate the price path. It renders as an SVG with `axisBottom`, `axisLeft`, and `axisRight` for multi-scale comparison.

SSadvik

75% match