Visualisations

NIST

Screenshots of visualisations I produced as part of my time buiding infoVis at the National Institute of Standards and Technology as a Guest Researcher

Concrete Hydration Simulation

Concrete Hydration

Visualisation

This visualisation shows the reactions that occur as concrete sets.  It shows a slice of a 3d block in the top left, with the average reactions below.  This was often used to validate the simulation, as problems would be easily seen, such as processor communication errors between the 320 processors running the simulation.

Technology

Python to pre-process data from the simulation

D3.js

Output from machine learning research by Tudor Achim

Concrete Hydration - Machine Learning

Visualisation

This visualisation shows a hetmap with slice of the 3d volume of concrete hydration.  The image is coloured by the cluster of reactions (shown on the right).  Groups of clusters form a domain, whose size is shown top right, and the transition between clusters at different timesteps is shown top left.

Technology

Python (Clustering and preprocessing by Tudor Achim)

D3.js

Network visualisation in D3.js

Network Congestion

Visualisation

A demonstration is available through the NIST public site. (100mb download, not recommended for mobile devices) and a smaller version is available here.

The graph on the left shows the topology of an internet backbone network.  Each node is one of five different router types.  The stacked bar chart below represents the amount of congestion on the network over time for a selected router configuration.  The heatmaps on the right show the how congested the network would be for each valid router configuration.  Grey heatmaps represent datasets that are totally congested by a selected traffic load.

A detailed description of this research project is available through the NIST ITL website, along with a detailed documentation of the visualisation.

Technology

Python to pre-process raw data

D3.js