Home > three_d.js

## three_d.js: examples

This collection of examples will hopefully grow with interesting and/or pretty examples, as well as instructive cases.

• Minimal scatterplot: the bare bones.
• Minimal lines: connecting points in groups.
• Minimal surface: bare bones surface/mesh.
• Append to scatterplot: bare bones example.
• Append to surface: fairly minimal example.
• Asteroid orbital parameters: 50,000 coloured points showing structures in the patterns of how asteroid orbits are distributed.
• Mount Beerwah and Mount Barney: surface models with customised colours; click events; doesn't work on my S3 phone.
• Custom points: when spheres or squares aren't good enough.
• Tick formats: customising tick labels with d3.format specifiers.
• Iris: the Iris dataset, shows colours, groups, and showing/hiding groups.
• KdV solitons: solving the Korteweg-de Vries equation, a non-linear PDE, showing a surface plot, setting z values in it as it calculates.
• LIS data: Line graph of incomes with points, grouped by country; transitions between variables.
• Lorenz attractor: Solving the Lorenz system of ODE's, making a line graph, setting the "data point" positions as it calculates.
• PASTEL catalogue: Temperature, surface gravity, and metallicity for about 25,000 stars.
• Photosphere.
• set_point_position(): a simple use of that function in conjunction with mouse events.
• sinc: a mesh/surface plot of z = sinc(r), with various basic interactive controls.
• Two surfaces: using a row of null values and repeated x-values to create an effect of two surfaces.
• US presidential elections, 1992 and 1996: shows colours, mouse events, writing stored data to screen when you click on a point, transitions, and fixed axes.
• Waves: animates a mesh without a surface.
• Yield curves: Trying to implement the NYT's famous visualisation of bond yields. Uses a time axis, mouse events, changes of data between countries. Doesn't work on my S3 phone.

Posted 2016-10-02, last updated 2018-07-06 (version 1.2).

Home > three_d.js