Code Monkey home page Code Monkey logo

viz-habits's Introduction

VizHabits

Alt text

Authors

  • Hugo Polloli
  • Anthony Bardou
  • Tristan Syrzisko
  • Théo Rabut

Description

This projet aims to complete existing visualisations of users smartphones habits. The idea behind this project is based on a fact : we didn't find any visualization able to show us usage profiles based on application switches and sequences of applications.
We propose two visualisations for two differents purpose :

  • A Force Graph, representing which app the user usually go to after using a specific application.
  • A Radial Tree (Tidy), representing all sequences started by unlocking the phone (Screen ON) and terminated by locking the phone (Screen OFF).

As our visualizations can be a bit messy when the amount of data to display grows, we decided to work on how we can effectively filter our visualisations to be more user friendly. These filters can also be a great tool to explore different usage profiles by navigating through several dimensions, including time and space.

Those visualizations are designed to be used by curious individuals or experts who need a visual representation of a group (aggregated data).

Requirements

Preprocessing

  • pandas
  • numpy

Website

  • node.js (dev)
  • vuetify.js
  • D3.js
  • FullPage.js

How can I run this on my machine ?

You can deploy our service on your machine with a few simple steps. Start by typing the following commands :

git clone https://github.com/abardou/viz-habits.git
cd viz-habits/viz-site
npm install
npm run serve

Then go to http://localhost:8080/ and you should be able to use our service.

Sources

Data

We built our own dataset, using two different tracking services :

  • AppUsage (PlayStore) : tracking application able to export in CSV user activity on her smartphone.
  • Google Position History : automatically collected once the GPS is active on an Android smartphone. Data can be exported by Google Takeout.

Inspiration

viz-habits's People

Contributors

hugo-polloli avatar abardou avatar dependabot[bot] avatar syrziskotristan avatar

Watchers

 avatar

viz-habits's Issues

Temporal filter

An input allowing the user to filter the data with temporal criterion

Frequency filter

An input allowing the user to filter the data with a frequency criterion

Data structure for AppChord

The AppChord visualization needs a specific data structure in which it could request the information to draw.

User filter

An input allowing the user to filter the data by providing a userId or a combination of userIds

App Icons & Colors

Find a way to collect main color and app icons automatically from an API (whatever it is).

Build final dataset

Once the data is provided and preprocessed, the final dataset must be built

Space filter

An input allowing the user to filter the data with a geographical criterion

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.