Fork of combines

Last edited Oct 20, 2025

Created on Oct 20, 2025

Forked from combines

This example shows customer behavior data from a CSV file through two interactive charts. The first is a multi-series line chart displaying annual income, spending score, and satisfaction rating across customer IDs. The second combines a bar chart of store visits with a line chart of online purchases, using dual y-axes. Both visualizations are built with Plotly.js, using its `Plotly.newPlot` method, and load data through `Plotly.d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

combines

This visualization presents customer data from a CSV file through two Plotly charts. A multi-series line chart displays trends in annual income, spending score, and satisfaction rating across customer IDs. A combined bar and line chart compares store visits (bars) against online purchases (line) using dual y-axes. The code uses the Plotly.js library, loading data via `Plotly.d3.csv` and rendering charts with `Plotly.newPlot`.

89% match

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.

75% match

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.

74% match

Ssainishanthreddyk@gmail.com

Fork of D3 Starter

This example displays sales, revenue, and profit trends from a CSV file using two D3.js v7 charts: a multi-series line chart and a combined bar-and-line chart. It uses `d3.csv`, `d3.scaleTime`, `d3.line`, and `d3.axisBottom` for data loading, scaling, and rendering, with tooltips via `d3.select` and a Poppins font for typography.

74% match

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

Fork of multiseries line chart

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.

Vvijaysaichigullapally1@gmail.com

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.

Ssainishanthreddyk@gmail.com

Fork of Fork of D3 Starter

This visualization presents daily sales, revenue, and profit trends from a CSV dataset across two SVG charts. The first chart displays three overlaid time-series lines for each metric, with colored dots for each data point. The second combines bars for sales with a line for profit, using hover-triggered tooltips for interactivity. Built with D3 v7, it uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for path generation. Gridlines, axis labels, and a legend support readability.