Skip to main content
SimilarExport ZIP
100%

Fork of multiseries line chart

✓ Published1🌍 Public
119h61a05c9@cvsr.ac.in
Last edited Oct 19, 2025
Created on Oct 19, 2025

This visualization presents two complementary charts analyzing daily sales performance data from a CSV file. The first chart displays three product lines (A, B, C) as colored multiseries lines over the first half of 2025, with gridlines and a legend. The second chart combines gray bars for advertising budget on a left axis with a black trend line for profit margin on a right axis. Both charts use SVG rendering via D3 v7, with scales including `d3.scaleBand`, `d3.scaleTime`, and `d3.scaleLinear`, smooth curves through `d3.curveMonotoneX`, and annotations highlighting maximum values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of multiseries line chart

This visualization presents sales performance data for three products (A, B, and C) over time, along with a combined bar and line chart comparing advertising budget against profit margin. The multi-series line chart uses d3.scaleTime and d3.line with d3.curveMonotoneX to display sales trends, while the combo chart employs d3.scaleBand and d3.scaleLinear for bars and lines. Data comes from a CSV file parsed with d3.csv, and both charts render as SVG with axis labels, legends, and annotations highlighting peak values.

119h61a05c9@cvsr.ac.in
93% match
Loading thumbnail…

Fork of Fork of Fork of multiseries line chart

This dashboard presents two linked views of 2025 sales data for three products. A multi-series line chart, built with `d3.scaleTime`, `d3.scaleLinear`, and `d3.line`, tracks the sales of Products A, B, and C, with a monotone curve. A second combo chart combines gray bars for advertising spend, scaled on the left axis, with a black line for profit margin, scaled on the right. Both visuals use SVG rendering via the d3 v7 library, loading data from a CSV file.

119h61a05c9@cvsr.ac.in
92% match
Loading thumbnail…

multiseries line chart

This multi-series line chart shows daily sales for Products A, B, and C over the first several months of 2025, with each product’s trend drawn as a separate colored line for comparison. A monetary annotation highlights the peak for Product A. A second chart uses a combo format, rendering daily advertising budget as gray bars and profit margin as a black monotone curve, with a dual y-axis for the two distinct scales. The code uses d3-based functions like `d3.timeParse`, `d3.scaleTime`, `d3.line` with `curveMonotoneX`, and `d3.axisBottom`, with data loaded from a CSV file via `d3.csv`. Both charts are rendered as SVG elements.

119h61a05c9@cvsr.ac.in
91% match
Loading thumbnail…

Fork of Fork of Fork of Fork of multiseries line chart

This example displays three months of daily sales data for three products as a multi-series line chart, then presents advertising budget as a bar chart with a profit margin line overlaid on a secondary y-axis. The code uses `d3.scaleBand`, `d3.scaleTime`, `d3.line`, and `d3.axisBottom` for the D3 v7 SVG visualizations. Data from the CSV file is parsed with `d3.csv` and `d3.timeParse`, and the charts include gridlines, legends, and annotations highlighting maximum values.

119h61a05c9@cvsr.ac.in
89% match
Loading thumbnail…

Fork of multi charts

This example presents two SVG charts built with D3 v7, visualizing 180 days of daily sales data for three series (A, B, and C) from `sales_trends.csv`. The top chart is a multi-series line chart showing trends for all three series over time. The bottom chart combines bars for series A and B with a line for series C, using a dual-scale approach. The code relies on `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for rendering.

MManeesh Kumar
86% match
Loading thumbnail…

Fork of multi charts

This fork by balanikhil22 presents sales trends aggregated by year in two SVG charts. The first is a multi-series line chart comparing sales units (divided by 100), revenue in million USD, and profit margin percentage, each with a distinct color and a fixed-position tooltip. The second chart combines bars for sales units with a line for profit margin, sharing a common x-axis. The code utilizes D3 version 7's `d3.csv` for data loading, `d3.rollups` for aggregation, and `d3.scalePoint` and `d3.scaleLinear` for axes.

Ppasalabala22@gmail.com
82% 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
81% match
Loading thumbnail…

Fork of Fork of D3 Starter 3.1

This example presents two SVG charts built with D3.js v7 to visualize a multi-value time-series dataset containing daily sales, profit, and expenses. Chart 1 is a multi-series line chart with three colored lines and an interactive tooltip, while Chart 2 combines bars (sales) with an overlaid line (profit) on a shared axis. Both charts use `d3.csv`, `d3.scaleUtc`, `d3.scaleBand`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` for rendering. The data is loaded from a local CSV file.

Vvijaysaichigullapally1@gmail.com
81% match