brooksideas / electoral-visualization Goto Github PK

View Code? Open in Web Editor NEW

Team 8's repository features frontend development using D3 and Vue.js with Tailwind CSS for styling. We aim to create time-series, state-by-state, and third-party comparison visualizations. Data is fetched reactively from AWS Lambda and queried via AWS Athena, with API Gateway for content retrieval.

License: MIT License

HTML 0.46% JavaScript 32.13% Vue 65.70% CSS 1.71%

electoral-visualization's Introduction

Electoral Visualization

Team 8's repository encompasses the frontend development utilizing D3 and the Vue.js framework, complemented by Tailwind CSS for streamlined styling and layout. Our goal is to incorporate three distinct visualization types: time-series, state-by-state, and third-party comparison visualizations. The data will be dynamically fetched from the backend Python code hosted on AWS Lambda. Leveraging a precise data querying code written in python and AWS API Gateway for content retrieval, our solution ensures responsive and accurate data visualization. This collaborative effort combines cutting-edge frontend technologies with robust backend infrastructure to deliver comprehensive and interactive data visualization experiences.

Getting Started

Install Git , Node and Npm

Git
Node.js and NPM

Switch to the directory of your choice and open a Shell, Terminal or CMD.

Clone the project

git clone https://github.com/brooksideas/electoral-visualization.git

Install the Project

npm install

Run the Project

npm run dev

Build the Project

npm run build

Deploy the Project on GitHub

How To Deploy Your Vue App to GitHub Pages.

Recommend Projects

brooksideas / electoral-visualization Goto Github PK