🌍 Public
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.
AI-generated descriptionCompany Financial Data Visualization
This project visualizes company financial data from 2018-2030 using a bar chart that shows profit over time.
Data
The visualization shows:
- Year
- Revenue (in millions $)
- Expenses (in millions $)
- Profit (in millions $)
- Employees
Features
- Responsive bar chart showing profit over time
- Interactive hover effects with drop shadows
- Clean, modern styling with Poppins font
- Properly formatted axes with grid lines
- Data labels on each bar
- Legend for clarity
How to Run
Open index.html in a web browser to view the
visualization.
Implementation Details
- Built with React and D3.js
- Uses CSS for styling
- Responsive design with proper margins
MIT Licensed
Comments
Sign in to join the discussion.