A primary goal of data visualization is to communicate information clearly and efficiently to users via the information graphics. Effective visualization helps users in analyzing and reasoning about data and evidence. It makes complex data more accessible, understandable and usable. Users may have particular analytical tasks, such as making comparisons or understanding causality, and the design principle of the graphic (i.e., showing comparisons or showing causality) follows the task. The datacollider provides you with the possibility of making multiple types of visualization easily.

The image below shows you the main visualization screen. There are three different sections here present:

  1. Parameter configuration to the left: this is the place where you specify what fields are used for a visualization and also the place to adapt the styling of your visualization (e.g. colors)
  2. Visualization panel to the right: this is where your visualization is actually displayed
  3. The control panel at the bottom: This is where you control full data execution and where you control the animation of your visualization over time.


We’ll show you how to use each section below and guide you to create a visualization.


First of all, let’s config the settings for our visualization. Currently, we give you with 8 different types of visualization types:

  • Map – Scaled bars
  • Map – Scaled circles
  • Map – Heat map with bars
  • Map – Heat map with spheres
  • Map – Origin destination flow
  • Chart – Scatter plot
  • Chart – Bar chart
  • Chart – Pie chart

You can choose from the dropdown menu on the top of the config panel. After you select a visualization type, we provide you with a wide range of configurable parameters for you to change or config. You can enter each parameter according to your data and kind of visualization you need.

There are two different types of parameter list:

  • Required ones which will be used for generate the basic visualizations.
  • Optional ones which could make the visualization look better or show more data metrics, but you don’t have to config it.

There are three types of different parameters. You can either input the value or select from the popup list of available fields.

  • Fields: It means the exact value in the data will be used in the visualization. A best example would be the Latitude and Longitude fields. The visualization engine will use the exact value to place the data point on the map.
  • Fields mapping: It means the value of the field in data will be passed to a mapping function and mapped on to a range. For example, you want the maximum of your 3D bar chart height to be 1000m reference to the earth size, but your data is way smaller than 1000. So in this case, you can map the actual data to the new range with a linear mapping function.
  • Fixed value: Some fields are feature fields for the visualization, which do not contain any data metrics.

After you finish configuring all the parameters, you can click on the RENDER VISUALIZATION button. You should see a visualization of your preview frame in a short while.


Now what you see is the following screen, because you are currently visualizing only the preview frame of your selected data range. In order to see all the frames over time, you need to process every frame of the data in your data range. You can do this by simply click on the PROCESS ALL DATA button.


Now what you can see is the progress of your full data execution. This could take quite some depending on your frame duration and data size. You can take a break and com back later. You will receive a notification upon execution finish.


Timeline player will show up as soon as we finish process all the frames of your preview range. You can select any frame of data by clicking on the green timeline in the picture. The highlighted area indicate the current frame of data you are viewing. To animate over time, you can click on the play button on left. The visualization will present frame by frame with transitions. You can also adjust the speed with controls next to the play button.


Map visualization interaction and customization

In order to explore your visualization you can use your mouse to change the camera view. The default view is looking from top-down, so we can’t see much. With your mouse wheel you can zoom in and out of the map. Holding the control key or middle mouse button and moving your mouse lets you rotate and tilt the view to get a good look at the bars from an angled perspective. Lastly, holding the left mouse button and moving the mouse will pan the map. The controls are very easy to use, just what you have in Google earth and other map tools.

Despite interaction with the map you can also easily change the style of the map and make your visualization awesome.

We enable you to add additional GeoJSON layers and switch map tilesets. The additional GeoJSON layer will come from your mapLayer dataset, which you may use in area mapping operator. We provided three different types of tile sets, but you can always add more in my account page.

We add in a rotation helper to help you present your visualization better. Our camera will fly around your data visualization in a nice curve and you can see it from all different angles. The button to activate auto camera movement the button on the right of the image below.

Finally, we provide one way of exporting your data. You can save a high resolution of the current frame to your computer. The resolution will be 2560x1920px and size will be approximately 2.5MB.

Still unclear with the guides? Write to us your questions or head over to our FAQs section.