// Instantiating world map base layer
var baseLayer = Sintium.baseLayer({
    layerId: "World map",
    layer: Sintium.getDefaultLightTileLayer(),
    darkLayer: Sintium.getDefaultDarkTileLayer(),
});

// Instantiating data source with tools data
var streamSource = Sintium.dataSource({
    url: "https://sintium.no/sea_data.csv",
    headers: true
});

var streamLayer = Sintium.animatedLayer({
    layerId: "Ocean stream",
    dataSource: streamSource,
    latProperty: 'lat',
    lonProperty: 'lon',
    u: 'u',
    v: 'v',
    info: 'Animated layer showing vector data',
    range: [-0.8, 0.8],
    dataResolution: [751, 561],
    visible: true,
    mapId: "animated-layer"
});

var map = Sintium.map({
    domId: "map",
    layers: [baseLayer, streamLayer]
});

<div id="map" style="width: 100%; height: 500px;"></div>
<div id="timeline" style="width: 100%; height: 160px;"></div>