team-one's Introduction

CodeRed - Oil and Gas Data Visualization

Introduction

This project aims to provide a visual representation of oil and gas data, with the goal of making information more accessible and easier to understand. CodeRed is a hackathon project developed to help users gain insights into the industry and make data-driven decisions.

Features

Interactive visualizations of oil and gas data
Real-time updates of industry trends and statistics
User-friendly interface for easy navigation and analysis

Tech Stack

React
JavaScript
HTML/CSS

Usage

Clone the repository to your local machine
Install the required packages with npm install
Run the app with npm start

team-one's People

Contributors

Stargazers

Watchers

team-one's Issues

Find state specific datasets and parse data

Data needs to be parsed in this format:

{ name: "North Dakota" , value: 3149948.0 },
{ name: "Oklahoma" , value: 3701224.0 },
{ name: "Louisiana" , value: 4267246.0 },
{ name: "New Mexico" , value: 2705034.0 },
{ name: "Texas" , value: 23447172.0 },
{ name: "Wyoming" , value: 2894624.0 },
{ name: "Alaska" , value: 15338781.0 },
{ name: "California" , value: 9988225.0 },
{ name: "other" , value: 8945639.0 },

and placed in the data/data.js folder in the corresponding graph's directory

Host website

About page

Center pie chart

Implement switching between state data using map

Ideally using transitions like this:

https://www.d3indepth.com/transitions/

In the onclick function in App.js, we'll need to pass in specific data as a prop. We can import all the states data into the file and pass the props as needed.