Skip to main content
SimilarExport ZIP
100%

Multi series Assignment

✓ Published0🌍 Public
KKOLLIPATI NIKHIL
Last edited Oct 19, 2025
Created on Oct 19, 2025

This visualization presents retail sales trends for Electronics, Clothing, and Groceries across 150 months using a multi-series line chart. The top panel displays three colored lines representing each product category, while the bottom panel combines a gray bar chart of total sales with an overlaid blue line for Electronics. The example uses D3 v7 (d3.v7) with the scaleLinear, scaleBand, axisBottom, axisLeft, line, and csv APIs to render interactive-free SVG charts. Data is loaded from a local CSV file, and colors are assigned via d3.scaleOrdinal.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Combined chart Assignment

This visualization presents retail sales trends for Electronics, Clothing, and Groceries across 150 months using two SVG charts. The first chart displays three multi-series line graphs with a dashed annotation marking the peak Electronics sales month. The second chart combines a bar chart of total monthly sales with an overlaid line for Electronics revenue. Built with D3 v7, the example loads CSV data, uses `d3.line` and `d3.scaleBand`/`d3.scaleLinear`, and includes gridlines and legends to clarify the dual representations.

KKOLLIPATI NIKHIL
90% match
Loading thumbnail…

charts

This example visualizes monthly sales trends from a CSV data source, comparing three product lines from 2019 to 2023. It shows a multi-series line chart with time-scale axes, using D3 v7 and SVG rendering. The code loads data with `d3.csv`, maps dates via `d3.timeParse`, and draws lines with `d3.line`, alongside a legend and axis labels. The second part combines a bar chart for total sales with an overlaid line for average price, using a dual y-axis scale.

MManeesh Kumar
80% match
Loading thumbnail…

Area Chart

This area chart visualizes monthly electronics sales in a grocery store for 2023, showing the trend of sales values across the twelve months using a filled line path. The visualization uses D3 v5 with an SVG rendering, employing `scalePoint` for the categorical month axis and `scaleLinear` for the sales values. The code loads CSV data from a GitHub gist, then draws the area chart by appending a line path and filling it with light green, alongside labeled axes with custom tick styling and a title. The chart includes axis labels, grid lines, and color-coded elements for readability.

Ppadiginetivishnupriya@gmail.com
80% match
Loading thumbnail…

Multi-Series Line + Combined (Bar+Line)

This dashboard presents two charts built with D3.js v7 from a CSV sales dataset. The top visualization uses a multi-series line chart to track monthly trends for Sales and Profit. The bottom chart combines bars for Sales with an overlaid line for Profit Margin, providing a dual-axis view of volume versus efficiency. Data is parsed and aggregated by month using `d3.rollups` and `d3.timeParse`, with axes, grids, and scales configured via `d3.axisLeft`, `d3.axisBottom`, and `d3.scaleUtc`. Rendering uses SVG within a dark-themed HTML container.

RRamdas Dheeraj
80% 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
79% match
Loading thumbnail…

Line chart for electronic sales

This line chart visualizes total sales across product categories, using a filled area beneath a steel-blue line to emphasize the trend. Built with D3 v7 and rendered as an SVG, the chart loads CSV data from a GitHub gist and converts sales values from currency strings to numbers. It uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` and `d3.area` to generate the paths.

Ssreeramyamini@gmail.com
79% match
Loading thumbnail…

Sales Data

This grouped bar chart displays sales data for six product categories (Electronics, Clothing, Groceries, Furniture, Toys, Books) across six months (January through June). The chart shows monthly comparisons using color-coded bars, with dollar amounts on the y-axis and months on the x-axis. The visualization is generated using D3.js v5 with an SVG rendering approach, employing `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for category colors. Data is hardcoded in the script, and axes are labeled with "Month" and currency-formatted tick values.

Ppriyapravallika44@gmail.com
79% match
Loading thumbnail…

Sales Data

This grouped bar chart displays sales data for six product categories (Electronics, Clothing, Groceries, Furniture, Toys, Books) across six months (January through June). The chart shows monthly comparisons using color-coded bars, with dollar amounts on the y-axis and months on the x-axis. The visualization is generated using D3.js v5 with an SVG rendering approach, employing `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for category colors. Data is hardcoded in the script, and axes are labeled with "Month" and currency-formatted tick values.

Ppriyapravallika44@gmail.com
79% match