Fork of company_growth

100%

Fork of company_growth

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

This line chart displays company financial performance from 2018 to 2030, tracking revenue, expenses, and profit in millions of dollars. It uses the D3 library’s `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to render three colored lines with corresponding scatter points. The chart includes interactive hover effects via a legend that fades non-hovered metrics to 0.2 opacity. Data is embedded directly in configuration as CSV and parsed with `csvParse`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

company_growth

This line chart visualizes company financial performance from 2018 to 2030, tracking revenue, expenses, and profit in millions of dollars, with each metric shown as a distinct colored line and point markers. Users can hover over the legend to highlight a specific metric while dimming the others. The visualization uses d3.scaleLinear for axes, d3.line for path generation, and d3.axisBottom/d3.axisLeft for ticks. Data is embedded as CSV and parsed with d3.csvParse, while the layout adapts to the container using ResizeObserver.

Ssrinath

89% match

Loading thumbnail…

Fork of company_growth.csv

This visualization presents company financial performance over time, showing revenue, expenses, and profit for each year from 2018 to 2030. It uses grouped bar charts where lighter bars represent expenses and darker bars overlay to show revenue, with profit values labeled above each bar. The implementation combines React's state management with D3.v7 for rendering, using `scaleBand` for the x-axis years, `scaleLinear` for the y-axis amounts, `axisBottom` and `axisLeft` for axes, and a `ResizeObserver` for responsive sizing. Clicking a bar highlights that year's data.

Ssowjanya

88% 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

82% match

Loading thumbnail…

company_growth.csv

A bar chart depicts company profit growth over time from 2018 to 2030. The chart uses a static dataset of financial records with year and profit values. Built with React and D3 v5, the visualization renders scalable vector graphics (SVG) and employs `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. Bars are colored indigo, with grid lines and tick labels formatted in millions, and the chart includes a title and a legend.

Ssowjanya

82% match

Loading thumbnail…

company_growth.csv

This interactive bar chart visualizes company profit across years from 2018 to 2030, sourced from a CSV file. It uses React to manage the component lifecycle and D3’s `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the chart. Clicking a bar highlights it and dims others, with state managed via React’s `useState` hook. The chart includes responsive sizing through a `ResizeObserver` and subtle hover transitions.

Ssrinath

82% match

Loading thumbnail…

Fork of Line Chart

This line chart displays company profits from 1947 to 2022, with years on the x-axis and profit values on the y-axis. It uses D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to render a blue polyline with gridlines and labeled axes. The data is loaded from a CSV via `d3.csv`, parsed into numeric and date formats, and drawn as an SVG with a red underlined title. The chart’s axes include rotated labels for readability, and the line path is styled with a 4-pixel stroke.

Bblikitha

80% match

Loading thumbnail…

Fork of Line Chart

This fork of a line chart displays company sales data over time, with companies on the x-axis and sales figures on the y-axis. The visualization uses a red line to connect data points, with axis labels and a title for context. It loads CSV data from a GitHub gist using d3.csv, parses the date and numeric values, and renders the chart as an SVG using d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line.

Mmanvithareddykarra

78% match

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

77% match