shivam-maharshi / demo-grapher

DemoGrapher is a web application that helps in efficiently visualizing students data segregated by demographics. The information can be refined by numerous powerful filters based on criteria like Student Gender, Ethnicity, Academic Year, Academic Level, College, Department, Major, etc.

Home Page:http://shivam-maharshi.github.io/demo-grapher

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DemoGrapher helps in efficiently visualizing students data segregated by demographics. The information can be refined by numerous powerful filters based on criteria like Student Gender, Ethnicity, Academic Year, Academic Level, College, Department, Major, etc.

The following technologies have been used in this project.

  1. Bootstrap: Serves as a frontend framework for reusable components and consistency accross functionalities.
  2. D3: Serves to generate dynamic graphics like interactive visualizations on geographical map & filters.
  3. Flask: Serves as the light weight web server and application framework for this application.
  4. HTML5: Used for latest feature support like consistent screen sizing and better performance.
  5. JavaScript: Serves as the basic frontend dynamic data manipulation language.
  6. JQuery: Serves as the main library supporting all the fundamental reusable functionalities across the frontend.
  7. Postgres DB: Serves as the primary storage to hold all the students academic, enrollment and geographical data.
  8. Python3: Serves as the primary implementation language for the backend which exposes HTTP RESTFul JSON APIs for student's data.
git clone https://github.com/shivam-maharshi/DemoGrapher
cd DemoGrapher
make install
make run

Please download the postgres data dump here:

A few sample screenshots of DemoGrapher are given below.

Main Panel

Academic Level Filter

Ethinicity Filter

Gender Filter

Department Filter

Capture & Compare Panel

Compare & Capture Tags

Department Distribution

Ethinicty Distribution

Gender Distribution

Country Level Visualization

State Level Visualization

About

DemoGrapher is a web application that helps in efficiently visualizing students data segregated by demographics. The information can be refined by numerous powerful filters based on criteria like Student Gender, Ethnicity, Academic Year, Academic Level, College, Department, Major, etc.

http://shivam-maharshi.github.io/demo-grapher


Languages

Language:JavaScript 93.8%Language:Python 2.6%Language:HTML 2.2%Language:CSS 1.4%Language:Makefile 0.0%Language:Shell 0.0%