https://github.com/roshaans/facebook-ad-spending-visualization
📊 Facebook Ad Spending Visualization
https://github.com/roshaans/facebook-ad-spending-visualization
google-charts research-tool timeline visualization visualization-tools wesleyan-university
Last synced: 4 months ago
JSON representation
📊 Facebook Ad Spending Visualization
- Host: GitHub
- URL: https://github.com/roshaans/facebook-ad-spending-visualization
- Owner: roshaans
- Created: 2020-07-16T20:39:10.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-10-06T20:12:57.000Z (over 4 years ago)
- Last Synced: 2025-06-18T01:40:21.709Z (8 months ago)
- Topics: google-charts, research-tool, timeline, visualization, visualization-tools, wesleyan-university
- Language: TypeScript
- Homepage: https://regionalspending.web.app/spending
- Size: 5.77 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📊 Digital Ad Spending Visualation for Presidential Candidates
> ## Play around with the visualization [here!](https://regionalspending.web.app/spending)
This project was developed to help visualize presidential candidates digital ad spending. I created it for the Delta Lab at Wesleyan University from data collected by Professor Pavel from the Quantitative Analysis Center.
# Things I learned
- Learned to use Javascript's equivilent of Pandas called DataframeJS
- Learned to incorporate Google Charts to plot dynamic data on a map
- Animate features to add a playful touch to it
- Learned to use a basic slider element by Syncfusion and use it to create a dynamic timeline
# Features
- Dynamic timeline (Ability to expand and slide the timeline as the user pleases)
- Check out one candidate or compare two candidates data side to side
- Mobile Friendly
- Total spending for the time period as well as highest state data
- Dynamic max-range depending upon chosen candidates
> For a closer look, see [here!](https://regionalspending.web.app/spending)
>> 
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.