Basic Use Case

In this example a data source is instantiated with a url to a geoJSON file. The data source is then supplied to a map layer and to a pie chart. With few lines of code we have created a simple application where geoJSON data is clustered and visualized in a map, and that has a bar chart for time based data filtering. Styles for the map are supplied from the Sintium style library. 
// 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 toolsSource = Sintium.dataSource({
    url: "https://www.barentswatch.no/api/v1/geodata/download/fishingfacility/?format=JSON"
});

// Instantiating layer with fishing tools data
var toolsLayer = Sintium.vectorLayer({
    layerId: 'Tools layer',
    dataSource: toolsSource,
    clustered: true,
    styleFunction: Sintium.generateCircleClusterStyle(11, "#2980b9", "#34495e")
});

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

var barChart = Sintium.barChart({
    domId: "timeline",
    dataSource: toolsSource,
    xAxis: "setupdatetime",
    xUnits: "days",
    xRange: [new Date(2018, 5, 1), new Date(2019, 2, 30)],
    yRange: [0, 200],
    showYAxis: false,
    brushOn: true,
    margins: [10, 10, 45, 10]
});

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