Skip to main content
SimilarExport ZIP
100%

Jaswanth_Multi-Series Line + Combined (Bar+Line)

✓ Published1🌍 Public
JJaswanthKoorapati@my.unt.edu
Last edited Oct 19, 2025
Created on Oct 19, 2025

This visualization presents a combined bar-and-line chart of electric vehicle performance data from a CSV file, showing average battery drain as green bars against the left axis and average driving range as a red line against the right axis. The data is binned into groups of five trips each to improve readability. Built with D3 v7, the visualization uses `d3.csv`, `d3.rollups`, and `scaleBand`/`scaleLinear` to process and map data into SVG elements, including a custom legend, gridlines, and an annotation highlighting the bin with maximum battery drain.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment_6_Jaswanth_multi line series

This multi-series line chart displays EV performance across three metrics—speed, battery drain, and range—as functions of Trip ID, with each metric assigned a distinct color from the d3.schemeSet2 ordinal scale. Built with D3 v7, the visualization draws an SVG with gridlines, axes, and three separate line paths, using d3.axisBottom and d3.axisLeft for chart furniture. A peak-speed annotation highlights the maximum value with a circle and text label, while a legend maps colors to series names. The data is loaded via d3.csv from a remote GitHub source.

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

Assignment_6_Jaswanth_Part3

A multi-series line chart compares three EV performance metrics—speed, battery drain, and range—across trip IDs, with a circled annotation highlighting the peak speed. The visualization uses D3 v7 to load CSV data, scales, axes, and gridlines, then draws a line for each metric via `d3.line`. A color legend identifies each series, and axis labels, a title, and a peak-speed callout clarify the data. The chart is rendered as an SVG, with data sourced from a remote GitHub CSV file.

JJaswanthKoorapati@my.unt.edu
84% match
Loading thumbnail…

Multiseries

This visualization presents electric range trends by vehicle type over model years as multi-series lines, alongside a combined bar and line chart showing vehicle counts and average range by county. The D3.js v7 code parses CSV data containing vehicle records from Washington State, using SVG rendering to draw axes, grid lines, and interactive hover effects with tooltips. The multi-series chart handles data aggregation for electric range trends, while the combined chart visualizes categorical county data.

Mmeangreen0067@gmail.com
78% match
Loading thumbnail…

Multi graph

This visualization combines bars and a line chart to compare average monthly users and average energy consumption across EV charging stations in different cities. D3 v6 parses CSV data from a GitHub gist, groups records by city, and computes mean values. The chart uses `scaleBand` for the x-axis, `scaleLinear` for dual y-axes, and `d3.line` to connect energy data points. React manages the loading state, while SVG rendering displays cyan bars, magenta line markers, and interactive tooltips for each city.

Sshreelasya.bezawada@gmail.com
75% match
Loading thumbnail…

Bar bar

This dashboard visualizes Washington State electric vehicle adoption, showing average electric range trends over time for battery and plug-in hybrid vehicles, and vehicle distribution by county. It uses D3.js v5 to render SVG charts from CSV data, employing `d3.csv` for parsing and `d3.scaleLinear` for axes. A multi-series line chart and a combined bar and line chart include interactive tooltips and custom color schemes, with data grouped and averaged per year and county.

Mmeangreen0067@gmail.com
75% match
Loading thumbnail…

Bar Chart Visualization

This bar chart displays the fuel efficiency (mpg) of various car makes, sourced from a remote CSV file. The visualization uses D3 v7 to load and parse the data with `d3.csvParse`, then renders horizontal bars with `d3.scaleLinear` and `d3.scaleBand`. Axes are generated via `d3.axisBottom` and `d3.axisLeft`, with the SVG output styled in steelblue. Data and marks are updated dynamically through an asynchronous `fetch` workflow.

HHemanthh81
75% 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
74% 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
74% match