Assignment_7_Line chart_Jaswanth

Last edited Oct 27, 2025

Created on Oct 27, 2025

A line chart displays music revenue in million USD per year from 2015 to 2022. Data comes from a remote CSV file loaded with `d3.csv` and `d3.autoType`. The visualization uses `d3.scaleTime` and `d3.scaleLinear` for axes, a `d3.line` generator with `d3.curveMonotoneX` for smoothing, and `d3.axisBottom`/`d3.axisLeft` for ticks. Interactive circles show tooltips on `mouseenter`, `mousemove`, and `mouseleave` events. The chart renders as SVG with gridlines and axis labels in a fixed 750×420 viewport.

AI-generated description

MIT Licensed

Similar vizzes

Assignment_7_Area Chart_jaswanth

This area chart shows music industry revenue in million USD per year from 2015 to 2022, highlighting a general upward trend. The visualization uses D3 v7’s `d3.area`, `d3.line`, and `d3.curveMonotoneX` generators to render a gradient-filled area and a stroked line over a time-series axis built with `d3.scaleTime`. Data is loaded asynchronously from a raw GitHub CSV via `d3.csv`, with hover tooltips on the circular marks triggered through SVG mouse events.

90% match

Jaswanth_Assignment7_Reusable Scatter Plot

A reusable scatter plot displays the relationship between year and revenue using music trends data loaded from a CSV file. The chart uses D3.v7’s selection joining API (`d3.select().join()`) to build SVG axes and circles. It implements a chainable factory function with setters for width, margins, scales, labels, and dot color. Hovering a circle triggers an absolute-positioned HTML tooltip showing the data point’s label and coordinates. The axes use linear scales with integer year ticks and rotated y-axis titles.

81% match

Assignment_7_piechart

This pie chart displays the share of music revenue (in millions USD) across top years, with each slice labeled by its percentage of the total. The SVG rendering combines a pie on the left and a legend on the right, both drawn inside a single responsive viewBox. Using d3.pie and d3.arc for slice generation, the code loads data from a remote CSV, applies a d3.scaleOrdinal with schemeSet2 for colors, and adds interactive tooltips via appended title elements. The legend lists each year with its value and percentage, built through D3 data joins.

78% match

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.

75% match

LINE CHART

This line chart displays monthly revenue trends over time, with each data point marked by a circle and connected by a steelblue line. The visualization uses D3 v7’s `d3.scalePoint` for the categorical month axis, `d3.scaleLinear` for the revenue scale, and `d3.line` to generate the path. Data is loaded asynchronously from a CSV file via `d3.csv`, and rendered as SVG with axis labels and gridlines.

PP Manisha

Assignment_7_Q3

This line chart shows monthly sales figures across a calendar year, with a smooth curved line connecting twelve data points from January through December. Users can hover over any circle marker to see a tooltip displaying the exact month and sales value. The visualization uses D3 v7 with SVG rendering, employing d3.scaleLinear for the x and y axes, d3.line with curveMonotoneX for the path, and d3.csvParse for loading the embedded dataset. Axis labels clarify the month and sales dimensions.

SSai Charan

Line chart

This line chart visualizes yearly sales data using a time-series line graph. The SVG rendering uses D3.js v7 with `d3.csv` for data loading, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for axes, and `d3.line` to generate the path. Data comes from a remote CSV file accessed via a gist URL.

Rr79162810@gmail.com

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.