Electric Vehicle Adoption Trends

100%

Electric Vehicle Adoption Trends

✓ Published0🌍 Public

Last edited Nov 22, 2024

Created on Nov 22, 2024

This dashboard animates the adoption of electric vehicles across multiple countries, visualizing annual sales of Battery Electric Vehicles (BEV) versus Plug-in Hybrid Electric Vehicles (PHEV). It presents the data through three coordinated SVG charts: a bubble chart where bubble size encodes sales volume, a grouped bar chart comparing powertrains by year, and a heatmap showing the same data with color intensity. Interactive tooltips display precise year, powertrain, and sales figures on hover. The visualization uses D3 v7 APIs such as `d3.scaleLinear`, `d3.scaleBand`, `d3.scaleOrdinal`, `d3.scaleSqrt`, and `d3.groups` to process and render the CSV data.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE #7 - Line Chart

This line chart displays plug-in hybrid electric vehicle (PHEV) sales in the United States from 2010 to 2021, highlighting a general upward trend with notable dips in 2015 and 2020. The visualization uses D3 v5 to render an SVG, with `d3.scaleTime` and `d3.scaleLinear` mapping years and sales counts, while `d3.line` generates the path and `d3.axisBottom` and `d3.axisLeft` create labeled axes. Data comes from a CSV file loaded via `d3.csv`, which is parsed to convert years to dates and sales to numbers before setting the scales’ domains.

KKevin Raj

77% match

Loading thumbnail…

website

This dashboard presents a collection of electric-vehicle adoption charts, displaying global trends and a side panel with key takeaways and conclusions. The interface, built with React and D3 for a simple integration, allows users to filter the displayed charts and click to view them in a modal. Images are hosted externally via Imgur, and the project includes an index.html file and styles.css for layout and theming.

SSai Charan

75% match

Loading thumbnail…

EV_Sales_ICE_Submission

This visualization displays EV sales data by brand and year. It loads CSV data from a GitHub gist and presents a summary table of all records alongside an SVG bar chart showing total units sold for Tesla, Nissan, and Chevrolet. The bar chart uses D3 v7 within a React framework, with axes, gridlines, and a title rendered as scalable vector graphics. Population-by-country data is also loaded separately, with a bar chart showing the top countries by population.

PP Manisha

73% match

Loading thumbnail…

plotting tree

This visualization displays 2011 EV stock values as a hierarchical tree chart, with countries (China, India, UK, USA) branching into vehicle categories (buses, cars) and then into BEV and PHEV types with labeled numeric values. The code uses d3.hierarchy and d3.tree to compute the layout, then draws cubic Bezier curves as links. Node and link colors are encoded directly in the JSON data structure, with SVG rendering and a linear-gradient CSS background.

SSubhas Ramdass

72% match

Loading thumbnail…

Electric Vehicle Deliveries in USA (2019-2022)

This example visualizes electric vehicle deliveries in the USA from 2019 to 2022 as a donut chart. It uses D3 v4’s `pie` and `arc` generators to create the segments, with an ordinal color scale for differentiation. The chart displays brand names, percentage shares, and delivery counts in thousands within a legend, while the total is calculated from the loaded CSV data. Data is fetched asynchronously via `d3.csv` from a GitHub Gist, and the SVG is rendered using a custom background image and scaled to a 960x450 viewport.

Tttummala17

72% match

Loading thumbnail…

ICE8-Tree graph

This interactive tree diagram, titled "EV Data Based on Countries," visualizes a nested hierarchy of electric vehicle statistics. It displays a root node for overall EV data, which branches out to country-level nodes (Australia, Austria, Belgium), then to vehicle type categories (Cars, Buses, Trucks), and finally to powertrain types (BEV, PHEV, EV). The code constructs the visualization using D3.js version 7, and the page structure is defined in `index.html` with styling from `style.css`. The JavaScript builds the tree layout and renders it as SVG elements, with links styled as gray lines and circular nodes colored according to their level in the hierarchy.

AArun

72% match

Loading thumbnail…

firstt

This interactive world map visualizes automobile metrics for 2024, showing both total vehicles and EV sales by country. Toggle buttons switch the choropleth color scale between these two metrics, while circle size represents EV sales volume and circle color encodes average car price. The visualization uses D3 v7 with d3.geoPath and topojson-client to render world topography, with SVG elements providing animated transitions when switching between metrics. A legend dynamically updates to reflect the current color scale, and tooltips provide detailed country-level data on hover.

119h61a05c9@cvsr.ac.in

71% match

Loading thumbnail…

Fork for plotting tree

This example visualizes the distribution of electric vehicle (EV) stock values for 2011 across four countries—China, India, the United Kingdom, and the USA. The hierarchical tree diagram branches into vehicle types (buses and cars) and further into powertrain categories (BEV and PHEV), with each leaf node’s value represented by its label. The chart uses a bespoke D3.js API (`d3.tree()`) to compute the layout, while custom SVG paths with quadratic Bézier curves draw the connecting links. Node and link colors are explicitly set via inline hex codes in the data structure, rendered as an SVG. The visualization is a fork of an existing tree-plotting example, demonstrating a custom layout approach.

BBlueT

71% match