company_growth.csv

100%

company_growth.csv

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

Forked from Fork of ICE 6 Scatter Plot Chart

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

89% match

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

86% match

Loading thumbnail…

Fork of company_growth

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

Ssowjanya

82% match

Loading thumbnail…

Fork of ICE 6 Scatter Plot Chart

This bar chart tracks company profit from 2018 to 2030, with each year’s profit value labeled above its corresponding bar. Built with React and D3 v5, the visualization uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and SVG rendering. Synthetic financial data provides the year and profit values, while CSS drop-shadow filters and hover effects add visual depth.

Ssowjanya

77% match

Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart displays the year-over-year compound annual growth rate (CAGR) of IPOs from 2006 to 2020, with positive values shown in steelblue bars. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis categories, and `axisBottom` with a custom tick formatter that shortens large numbers. Data comes from a local `data.csv` file, and the SVG rendering includes labeled axes and a title. The chart highlights a notable spike in 2020, reaching a CAGR of 57, compared to earlier years’ mostly single-digit or negative values.

Eeveryfin-in

75% match

Loading thumbnail…

Line Chart

This line chart displays the profits of a company from 1955 to 2021, with the x-axis representing the year and the y-axis showing profit values. The visualization uses d3.scaleTime and d3.scaleLinear axes, with grid lines and axis labels styled via CSS. The line path is generated using d3.line and rendered as an SVG path with a blue stroke. Data is loaded from a CSV file hosted on GitHub Gist, parsed to convert the year into a Date object and profits into numbers, before being passed to the rendering function.

TTejaswi@3271

75% match

Loading thumbnail…

Stacked Bar Graph with D3.js

This stacked bar graph visualizes yearly sales, expenses, and profit data from 2015 through 2033 using D3.js v7. The chart employs `d3.stack()` to layer the three categories, with `d3.scaleBand()` for the x-axis and `d3.scaleLinear()` for the y-axis. Each bar segment is rendered as an SVG `rect`, colored via `d3.scaleOrdinal()`, with axes generated by `d3.axisBottom()` and `d3.axisLeft()`. The data is embedded as CSV strings, parsed with `d3.csvParse()`, and displayed within a React framework using SVG rendering.

Ssaikrishnabussa

74% match