ChartFolio

ChartFolio is an interactive visualization tool that allows users to explore data through three distinct chart types:

1. Bar Chart
2. Choropleth Map Chart
3. Heat Map Chart

Each chart type provides a unique representation of data and is enhanced with mouseover tooltips for a more detailed view.

Built With

• React.js - A JavaScript library for building user interfaces.
• D3.js - A library for producing dynamic, interactive data visualizations in web browsers.
• Axios - Promise based HTTP client for the browser and Node.js.
• SASS - A scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
• TopoJSON Client - Provides tools for converting back and forth between TopoJSON and GeoJSON.
• Web Vitals - Provides web performance metrics.

Getting Started

Prerequisites

• Node.js

Installation

1. Clone the repository:

   git clone [email protected]:angelren1220/chart-folio.git
   

2. Navigate to the project directory:

   cd chart-folio
   

3. Install the required packages:

   npm install
   

Running the application

npm start

Upon starting the application, open http://localhost:3000 in your browser to explore the charts in action.

Usage

Use the navigation tabs to switch between the different chart types. Hover over the elements in each chart for detailed tooltips and interactive data exploration.