thaumavorio/booper

A web application for visualizing bootstrap percolation.

booper's Issues

Display newly infected vertices

make the nodes pulse

Loading icon for updating graph

Initial Tutorial

Have 4-5 'slides', each greying out the application sans one section of the taskbar. Over the grey area can be text explaining what that section of the taskbar does.

Website Title and adding simple logo

Create textfields that have the label as the default text. The label goes up when a value is entered

Adjacency Matrix Input

Create an upload button to retrieve data. Parse data in adjacency matrix format, with the top row having * to indicate a seed, and a space indicating not a seed. Render graph.

Add a timeout screen for minimum contagious set timeouts

Move css to external style sheet

Remove non-updated state variables from setState calls

And double check that it works!

Total Number of Infected Vertices (and uninfected vertices)

User-specified k

Get contagious set buttons do not reset the graph before displaying contagious sets.

Make vertices 1 and 2 initially active. Make the first graph drawing show this status.

Individual Vertex Thresholds - specified by the input csv

Change GET to POST request for the Minimum Contagious Set and Greedy Contagious Set

Independent Set Functionality

Have buttons to get independent sets, ideally create a new tab in the side toolbar to display them.

Commenting code and README

Doxygen for all non-getter/setter functions. Comment lines for larger functions.

Connor: classes/Graph.js

Henry: components/ForceGraph.js

Henry: README.md

Add React Router (to have different pages in the web app)

Add recommendations for graph sizes for the Minimum Contagious Set and the Greedy Contagious Set in the Graph Tour

Remove the back and all-the-way-back buttons

Dynamically size the taskbar vertically and add a scrollbar within it

Erdos Renyi implementation

Add Home Page content

Go-to-end button for a percolation

Graph's edge-string form does not communicate entire graph

Consider, for example, an isolated vertex. It will not be represented in the edge-string format for the graph.

Do JSON.

Henry's Idea: For each pair of vertices, add one bit, that is a 1 if the vertices are adjacent and 0 if non adjacent. We get approximately n^2 / 16 bytes.

Track number of percolation iterations on screen

Fix the indenting.

Dynamically size the Taskbar

Make buttons 'inspiring'

Make (disconnected) graphs stay on screen

Random Seed Sets based on a user-specified probability

Create a nice initial UI

Non-functional header cleanup

Product Tour cleanup (make the last 'right' button just exist the tour).

Reword graph tour and some tooltips

Re-center the graph in its pane when the user resizes the window.

Displayed graph does not display correct infected vertices

There seems to be a mismatch in the mapping between displayed vertices and the vertices on the underlying graph representation.

Directed Graph Functionality - use Shakarian algo and DAG algo

Add cookies for product tour and add floating action button on the top right of the graph pane to reopen product tour

Inspiring buttons

Componentize the taskbar

Users can edit graph (add nodes/edges) in Booper

We need to create/decide:

• A format to store these graphs in.
• If/how the user can import a graph.
• How a user can edit a graph.

Hover-over the button to show description of what the button calculates

Make it look pretty :D

When user presses Reset or Bootstrap Percolate button, the vertices return to their initial positions.

User-specified infection probability for Percolation

Allow users to specify probability to infect vertices on graph

Fix Resume

Switch to papa-parse or some other package for parsing csv files correctly