MultiSeries

100%

✓ Published0🌍 Public

Last edited Mar 8, 2026

Created on Mar 8, 2026

This visualization compares song streams and popularity across release years for the top 15 songs from a CSV dataset. It combines green bars, drawn with SVG `rect` elements scaled by `d3.scaleLinear`, to show streams, while a yellow line and circles, rendered using `d3.line` and appended `circle` elements, overlay popularity on a secondary right axis. The chart employs `d3.scaleBand` for the x-axis, `d3.axisLeft`, `d3.axisRight`, and `d3.axisBottom` for ticks, with data loaded via `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Multi Series Chart - ICE6

This multi-series chart compares the total streams and monthly listeners for the top 20 Spotify artists. Green bars represent total streams in billions on the left axis, while a blue line and circles show monthly listeners in millions on the right axis. Built with React and D3 v5, the visualization loads CSV data and uses `scaleBand`, `scaleLinear`, `axisLeft`, `axisBottom`, and `line` to render the SVG. Artist labels are rotated for readability.

GGorantla Sravani

80% match

Loading thumbnail…

Multi-Series

A multi-series chart combines bars for borrow counts and a line for average ratings across book genres, with ratings scaled by 100 to share a single axis. The visualization uses D3 v7 APIs including `d3.scaleBand`, `d3.scaleLinear`, `d3.rollups` for aggregation, and SVG rendering for both elements. Data comes from a CSV file containing genre, borrow count, and rating fields, processed with `d3.csv` and `d3.sum`/`d3.mean`. The chart includes axes, gridlines, and a legend distinguishing the two metrics.

Ppriyankachary1701@gmail.com

78% match

Loading thumbnail…

Scatter Plot

This scatter plot shows the relationship between song release year and streaming counts for popular songs, with purple circles plotted across axes for release year and stream totals. The visualization uses D3.js v7 to load CSV data from a GitHub gist, then applies d3.scaleLinear for both x and y axes, d3.extent to determine the year domain, and d3.max for the stream range. Circles are appended as SVG elements, with d3.axisBottom and d3.axisLeft providing the labeled axes.

Mmynedisanjana@gmail.com

77% match

Loading thumbnail…

Bar chart

This bar chart displays the top 20 songs by streaming counts from a CSV dataset of popular songs. Colored bars represent each song’s Streams value, with axes labeled via d3.axisBottom and d3.axisLeft. Using d3.scaleBand and d3.scaleLinear, the visualization maps categorical song names and numeric stream totals to SVG rectangles, with d3.scaleOrdinal and schemeTableau10 assigning distinct colors to each bar.

Mmynedisanjana@gmail.com

76% match

Loading thumbnail…

multi series_final

The visualization presents a dual-panel chart comparing product attributes across categories from the Products.csv dataset. The top panel displays multi-series monotone lines for each numeric column, while the bottom panel combines light blue bars for the first numeric attribute with an orange line for the second. The D3 v7 code groups data by category, computes column means, and uses `d3.scaleBand`, `d3.scaleLinear`, `d3.line`, and `d3.curveMonotoneX` to render the SVG elements, with axes, legends, and rotated category labels.

SSathviKankanala@my.unt.edu

74% match

Loading thumbnail…

Multi-Series Line Chart

The visualization is a multi-series line chart that compares the daily average temperatures of New York, San Francisco, and Austin over one year, using a TSV file as its data source. It displays three colored lines, one per city, plotted over time on an SVG canvas. The chart uses D3 v3 APIs including `d3.tsv` to parse the data, `d3.time.scale` for the x-axis, `d3.scale.linear` for the y-axis, and `d3.scale.category10` for color encoding. Axes are rendered with `d3.svg.axis`, and the line paths are generated via `d3.svg.line` with basis interpolation.

CCdcole

73% match

Loading thumbnail…

Multi-Series Line Chart

A multi-series line chart compares the daily average temperatures of New York, San Francisco, and Austin over a year. The visualization loads data from a TSV file using `d3.tsv`, parses dates with `d3.timeParse`, and encodes positions with `d3.scaleTime` and `d3.scaleLinear`. It renders colored lines via `d3.line` and `d3.schemeCategory10`. Interactive mouseover and click events highlight one city’s line while graying out others, using SVG transitions and class toggling for emphasis.

LLjfernando

73% match

Loading thumbnail…

Multi series

A multi-series line chart displays voting trends over time, comparing Democrat, Republican, and Independent vote counts. Three colored lines, blue, red, and green, trace the data across the years, with gridlines and labeled axes for readability. The visualization uses D3 v7 (d3.csv, d3.line, d3.scaleLinear, d3.axisBottom, d3.axisLeft) to load CSV data from a GitHub gist and render the chart as SVG elements. A legend identifies each party line for the viewer.

Nnithinreddypinikesi@my.unt.edu

73% match