CmyPlot

Data Visualisation Web App

Why Data Visualization?

With enormous data in hand you would always want to visualize it for good understanding and better clarity with minimal efforts.

As the famous saying goes - "The greatest value of visualization is when it forces us to notice what we never expected to see" - John W. Tukey

CmyPlot is a web app that provides interface for uploading a csv data file and convert it into Tables and interesting graphs with one click

• Built with

  

• Language used: Python

• Libraries used: Flask, Plotly, Dash

Important Links

1. User Story Board and Project Vision
2. You can view the web app here CmyPlot !! Test Credentials - Username: hello, Password: world
3. How Phase 2 is improved from Phase 1 - Checkout here
4. Project Phase 2 Rubrics
5. Instructions
6. What's new in Phase 2?
7. Future Scope
8. Team Members

Visual Walkthrough:

Phase 1

cmyplotdemo.mp4

Phase 2

CMY-Phase.2.Final.mp4

Quick look:

1.This is the authentication for using CmyPlot

2.This is the main Cmyplot web page

3.You have an option to upload your csv file by Drag and drop or click	4.You have an option to upload your csv file by Drag and drop or click
5.You have an option to upload your csv file by Drag and drop or click	6.For table, you could use number of rows you want to display per page
7.Table representation of the data	8.Graph representation of the data
9.Data information - Mean, Median, Standard Deviation	10.Data attributes to be displayed in tooltip
11.You can select graph type from the filters - Bar chart	12.You can select graph type from the filters - Line chart
13.Share graph via email with a message	14.Email

Getting started:

• Prerequisite:

  • Download Python3.x on your system.

• Installation:

  E.g If you downloaded Python 3.9.7 above, then

  Steps to setup virtual environment

  • Create a virtual environment:

    python3.9 -m venv project1_env

  • Activate the virtual environment:

    source project1_env/bin/activate

  • Build the virtual environment:(must be present in project directory)

    pip install -r requirements.txt

• Run Instructions

  To run/test the site locally:

  • Clone this (CmyPlot) github repo.

  • Navigate to project directory.

  • Create a virtual environment:

    python -m venv project1_env

  • Activate the virtual environment:

    source project1_env/bin/activate

  • Build the virtual environment:

    pip install -r requirements.txt

  • Install CmyPlot as package, this step is required due to the testing framework:

    pip install -e .

  • Run:

    python src/plotting/index.py

  • Site will be hosted at:

    http://127.0.0.1:8085/

What's new in Phase 2?

• Implemented Collaborative Work - Sharing of the images of plots to other users via email
• Support for more graphs in the application - Added Line, Bar Graphs
• Informative Graphs - Added more information to the graphs such as central tendencies
• Implemented Authentication - Added method for authenticating the users via user name and password
• Additional details on the hover of the graph - Users can select columns to view and get data on hover of the points on the graph
• Dynamic rows on pages - Users can select the number of rows they want to see on a particular page and also can change the number of pages

Roadmap

• List of Roadmap and their corresponding open issues

Team Members

Simran Bosamiya

Nisarg Shah

Parth Thosani

Parth Jinturkar