GithubHelp home page GithubHelp logo

aj470 / interactive_instagram Goto Github PK

View Code? Open in Web Editor NEW
0.0 4.0 0.0 209.48 MB

Jupyter Notebook 0.23% ShaderLab 8.78% C# 77.66% CMake 0.31% Makefile 0.08% C++ 11.33% Lua 0.01% C 1.32% HLSL 0.28%

interactive_instagram's Introduction

Interactive_Instagram

An WIP interactive 3D visualization of Instagram networks


Problem Statement:

In the most social media plateforms the news feed consisting of posts is linear and often is a timeline form except when algorithms prioritizing certain posts/content based on your past interaction. Here we have tried to build an environement where you can visualize your full network at once and navigate through it in your on ways. We also tried to apply simple heuristics to organize the network. One of the reasons we chose instagram is because it only has the content of the people/pages that you are following and the nature of conent is either photos or videos.


Project Structure:

This project is composed of two directories - Instagram_Network_Visualization, and Interactive_Instagram_VR. The former contains the neccessary scripts to generate the neccessary XML file, which is a network consisting of users that you are following on Instagram (and possibly more), and the latter actually generates said network from the XML, as seen below

Interactive Instagram Simulation

Conceptual Demo.


Featuring:
  • Multidimensional network visualizations of users within your immediate network.
  • Username toggling on hover.
  • See the Linked when hover on the node and Lock the links after 50 frames.
  • click to move to the node.
  • wide angle view.

NOTE: We will be releasing the script needed to generate the network.json file later.
XML File Generation: - Run the Jupyter Notebook to load the network.json file to generate the XML file.
How to Run:
  • Click Play to initialize the environment
  • Select 'Load File'
  • Load the XML file containing the graph (i.e throughshutter.xml)

Controls:
  • Movement: WASD keys
  • Rotation: Up/Down/Left/Right Arrow keys

Licensing:

This project uses the initial code of Bamfax's repository, hosted at https://github.com/Bamfax/ForceDirectedNodeGraph3DUnity

As such, the following also apply to our project:

  • Please be aware that the different parts of the code are using different licenses.
  • If not mentioned otherwise, the code is released is GPLv3.
  • Included is a slighty modified version of BulletUnity Plugin (Examples removed, BCamera included), refer to mentioned BulletUnity Github repository for its license.
  • Layout.xml and CameraControlZeroG.cs from Jason Graves are GPLv3, as mentioned in his tutorial (see link above).
  • ProgressBar Unity3D Plugin from Eri is used as progress bar (on loading files). More info and licensing are available here: https://www.assetstore.unity3d.com/en/#!/content/30891 https://eri-st.eu/

To-DOs:
  • Add computational heuristics and algorithms for more varied graph visualizations.
  • Add link click to navigate.
  • Implement inbuilt photo feed for each node.
  • Polishes.

Authors:

aj470, scarletknight11, alexjjia

interactive_instagram's People

Contributors

aj470 avatar alexjjia avatar scarletknight11 avatar

Watchers

James Cloos avatar  avatar  avatar  avatar

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.