Need help reading this?

cityCountryMap

Maps each city to country. 0: Canada, 1: USA, 2: Israel.

cityCountryMap

cityColors

One color per country.

cityColors

bounds

The bounds of each attribute.

bounds

Segment

Represents the part between two axis (parallel coordinates, time series, meshes).

new Segment(attributeIndex: number)
Parameters
attributeIndex (number) Index of an attribute.
Instance Members
▸ setTime(time)
▸ updateTimeSeries()

init

Initializes three.js objects and draws the axis and their labels.

init()

onDataAvailable

Called when the data is fully downloaded. Creates one Segment per axis and adds mousedown, mouseup and mousemover listeners.

onDataAvailable()

dragTime

Sets the time of the clicked segment according to the mouse y position.

dragTime(segmentIndex: number)
Parameters
segmentIndex (number) Index of the segment in which the time should be manipulated.

dragBrush

Starts a brushing operation and returns a function to update it with new mouse positions.

dragBrush(axisIndex: number, startY: number)
Parameters
axisIndex (number) Index of the axis to brush on.
startY (number) Vertical position at which the brushing was started.

createTimeSeries

Creates a three.js line object which represents the change over time of the given attribute and city.

createTimeSeries(attribute: number, city: number)
Parameters
attribute (number) Index of an attribute
city (number) Index of a city

onWindowResize

Updates the renderer's size.

onWindowResize()

render

Calls the render function of the three.js renderer.

render()

loadVBO

Loads a file as float array and calls a callback function when done.

loadVBO(url: string, callback: function)
Parameters
url (string) URL pointing to a file.
callback (function) Called once the file is loaded.

createTextElement

Creates a HTML paragraph element at the given position with the given text.

createTextElement(string: string, x: number, y: number)
Parameters
string (string) Text.
x (number) X position.
y (number) Y position.

drawAxis

Draws an axis and labels for each attribute.

drawAxis()