Skip to main content
SimilarExport ZIP
100%

Fork of D3 Starter

✓ Published0🌍 Public
Ddeepthinaidu2001@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from D3 Starter

This dashboard displays four coordinated D3.js (v7) visualizations of company performance: a reusable scatter plot mapping sales against profit with point size encoding expenses, a pie chart of annual sales share, and line and area charts showing sales over time. The data is loaded from a remote CSV file and parsed with `d3.csv`, using `d3.timeParse` to decode month-year strings. All charts render as SVG and include a tooltip implemented with `d3.select`, while axes are generated via `d3.axisBottom` and `d3.axisLeft`, with scales built using `d3.scaleLinear` and `d3.scaleSqrt`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of D3 Starter

This scatter plot visualizes company performance by plotting monthly profit against expenses. Each blue circle represents a month, with axis labels for both financial metrics and hover tooltips showing exact values. Built with D3 v7, the visualization loads CSV data from a GitHub gist, uses `d3.scaleLinear` for scaling, `d3.axisBottom` and `d3.axisLeft` for axes, and animates tooltip transitions via `d3.transition` on mouseover events.

Ddeepthinaidu2001@gmail.com
89% match
Loading thumbnail…

Fork of Fork of Fork of D3 Starter

This visualization analyzes daily sales, revenue, and profit trends using two D3.js v7 SVG charts. A multi-series line chart displays all three metrics over time, while a combined chart overlays sales as bars with a profit line, both featuring custom tooltips and a styled interface using the Poppins font. The code loads CSV data via `d3.csv`, constructs scales with `d3.scaleTime` and `d3.scaleLinear`, and renders paths and bars with `d3.line` and `d3.axisBottom`, applying color-coded series and gridlines for readability.

Ssainishanthreddyk@gmail.com
88% match
Loading thumbnail…

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.

Ssainishanthreddyk@gmail.com
87% match
Loading thumbnail…

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.

Ssainishanthreddyk@gmail.com
86% match
Loading thumbnail…

Fork of D3 Starter

This example shows monthly Sales, Profit, and Expenses for a company from 2013 to 2015, combining translucent blue bars for sales with colored lines for each metric. The visualization uses D3 v7 to load CSV data, with `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.line` for the line paths, and `d3.axisBottom` and `d3.axisLeft` for ticks. A hover tooltip and a color-coded legend support interpretation of the multi-series data.

Ddeepthinaidu2001@gmail.com
86% match
Loading thumbnail…

Fork of HTML Starter

This dashboard presents three dark-themed D3 v7 charts visualizing monthly sales and profit data embedded as CSV strings. A bar chart highlights peak sales with an annotated circle on a square root scale, while a scatter plot maps sales against profit using ordinal color encoding for each month. A multi-series chart combines bars for sales and a monotone line with circles for profit, using dual axes. All charts use SVG rendering with grid lines and rotated axis labels.

GGorantla Sravani
86% match
Loading thumbnail…

Fork of D3 Starter

A bar chart displays monthly company sales, with bars colored on a blue sequential scale to indicate value. The chart loads comma-separated data from a remote GitHub gist and uses D3 v7 alongside its CSS-based transition and selection APIs. It builds the visualization with `d3.scaleBand` and `d3.scaleLinear`, renders axis tick labels rotated via an SVG transform, and shows a tooltip on mouseover using `transition.style` and absolute positioning. The SVG rendering is static except for tooltip fade transitions.

Ddeepthinaidu2001@gmail.com
85% match
Loading thumbnail…

Fork of D3 Starter 3

This multi-series line chart shows the daily trends of sales, profit, and expenses over the first half of 2024, applying D3’s `scaleLinear` and `scaleUtc` to map the data. It renders three monotone curves via `d3.line()` and `d3.curveMonotoneX`, using ordinal colors for each series and displaying interactive tooltips on hover. The visualization includes rotated monthly axis ticks, a legend, and axis labels, all drawn as SVG elements.

Vvijaysaichigullapally1@gmail.com
83% match