Skip to main content
SimilarExport ZIP
100%

Fork of D3 Starter

✓ Published0🌍 Public
Ddeepthinaidu2001@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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
89% match
Loading thumbnail…

Fork of 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`.

Ddeepthinaidu2001@gmail.com
89% 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
87% match
Loading thumbnail…

Fork of Fork of Scatter plot

A scatter plot visualizes company financial performance from 2018 to 2030 using CSV data, encoding Revenue, Expenses, and Profit as colored circles whose size reflects employee count. D3 v7 API calls including `d3.csv`, `d3.scaleLinear`, and `d3.axisBottom` render the SVG chart, while mouseover events trigger a positioned tooltip showing metric details. A legend distinguishes the three financial metrics, and a secondary legend maps circle size to employee numbers.

Ssowjanya
84% 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
83% 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
82% 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
82% match
Loading thumbnail…

Fork of D3 Starter

This bar chart visualizes average monthly sales data across multiple years, displaying sales figures for each month from January through December. The chart uses a steel blue color scheme and rotated x-axis labels to improve readability of the month names. The visualization is built with D3 v7, loading CSV data through the `d3.csv` API and rendering the bar chart as SVG elements. The code uses `d3.scaleBand` for the categorical month axis and `d3.scaleLinear` for the continuous sales values, with axes generated using `d3.axisBottom` and `d3.axisLeft`.

KKOLLIPATI NIKHIL
79% match