Skip to main content
SimilarExport ZIP
100%

Revenue and Profit of Fortune 500 Companies (2000 - 2009)

✓ Published0🌍 Public
Sstchiang
Last edited Jan 23, 2023
Created on Jan 23, 2023
Forked from Loading Data

This example visualizes the revenue and profit of Fortune 500 companies from 2000 to 2009, using data from a Kaggle dataset. It displays the raw data as a JSON-formatted table while loading the CSV file with `d3.csvParse` and managing state updates through a custom render cycle. The visualization fetches `data.csv`, converts the Year and Rank columns to numbers, and renders the parsed data in a `<pre>` element using `d3.select` and `data.join`. The D3 v7 library powers the data loading and DOM manipulation.

AI-generated description

The dataset contains revenue and profit of Fortune 500 companies in the years 2000 - 2009. This dataset originated from https://www.kaggle.com/datasets/yashsrivastava51213/revenue-and-profit-of-fortune-500-companies and was condensed to the 2000 - 2009 time span (the original dataset includes data going all the way back to 1955!)

Link to Gist: https://gist.github.com/stchiang/36108e143c09a7fc393825ffcb0b29e3

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Table Summary

This example reads a CSV file containing the 2017 Fortune 500 company data and displays a concise summary of the dataset. It shows the total number of data rows, the number of columns, and the approximate file size in kilobytes. The first ten rows are then printed as formatted JSON for inspection. The code uses the d3.csv function to parse the data, d3.csvFormat to calculate the data size, and d3.select to append the text elements to the page.

Wwangjonathan
70% 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
68% 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
67% match
Loading thumbnail…

Data Visualization ICE-7 Line Chart

This line chart shows the yearly profits of a software company from 2009 to 2018, with time on the x-axis and profit values on the y-axis. The visualization uses d3.csv to load external CSV data, then d3.scaleTime and d3.scaleLinear to map the variables, with d3.line generating the orange path. Axes are rendered via d3.axisBottom and d3.axisLeft, while CSS styles the grid lines, tick labels, and axis titles in distinct colors.

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

Forbs 2000 global financial ranking

This visualization displays the top 20 global companies ranked by sales in billions of USD, using a horizontal bar chart. Companies are sorted in descending order with value labels at the end of each bar. The chart uses d3.scaleBand, d3.scaleLinear, and d3.axisTop to construct the visualization. Data comes from a Forbes-style dataset in a CSV file, parsed with d3.csvParse and a custom function converting formatted values like "3,744.3 B" to numeric billions.

BBismark Kofi Owusu Sarfo
66% match