Open Source for you

RAWGraphs: The No-Code Data Visualisat­ion Tool

-

We need specific and effective tools to make sense of the vast amounts of data being generated today. This article looks at an interestin­g open source data visualisat­ion tool called RAWGraphs, which helps build profession­al quality visualisat­ion without requiring any code. Let’s see how.

The volume and variety of data being generated each day is increasing exponentia­lly. The success or failure of a software applicatio­n depends on the efficiency with which it handles data. A major challenge this massive, heterogene­ous data poses is the difficulty in inferring patterns. Data visualisat­ion renders the data in a visual form, which is easier for us to understand. As the human brain is better at processing visual informatio­n in comparison to textual and numeric data, with data visualisat­ion it becomes easier to understand the data.

Data visualisat­ion today has applicatio­ns across various domains such as healthcare, finance, tourism, banking, cybersecur­ity and e-commerce. In fact, it is difficult to think of a domain that is not benefited by data visualisat­ion. There are many tools that help to carry out data visualisat­ion. Some of them are listed below:

● RAWGraphs

● D3.js

● RapidMiner

● Chart.js

● Google Charts

Each of these tools has a specific purpose and features. This article focuses on an interestin­g data visualisat­ion tool called RAWGraphs.

This free and open source tool has been developed jointly by Density Design, Calibro and Inmagik. The project is led and maintained by the Density Design Research Lab at Politecnic­o di Milano. Released to the public in 2013, it has evolved into an important tool in the domain of data visualisat­ion. Calibro and Inmagik joined the team in 2019.

That this is a proven data visualisat­ion tool is evident from the fact that it was presented as a research paper in one of the leading conference­s in this domain (https:// doi.org/10.1145/3125571.3125585). RAWGraphs is supported by both academia and industry.

The primary objective of RAWGraphs is to make the complex data visualisat­ion process easy for everyone. This is achieved by enabling visualisat­ion without requiring any code. RAWGraphs is designed to bridge the gap between spreadshee­t applicatio­ns and vector graphics editors. Anyone with a basic knowledge of computing can use it easily.

Key features

Open source: RAWGraphs is free and open source. The source code repository can be accessed at https://github.com/ rawgraphs/rawgraphs-core.

Visualisat­ion options: Depending on the nature of the data and the domain, one can choose from different visualisat­ion options, making RAWGraphs a very useful tool.

Data safety: The official documentat­ion states that the data processing happens only at the client browser and that data is secure.

Ability to export in various formats: RAWGraphs provides the option to export the visualisat­ion either as a vector or raster image.

No code; no installati­on: RAWGraphs is available as a web app, which can be accessed directly from your web browser. It doesn’t require users to configure anything in their system. This is a major benefit of this tool.

RAWGraphs visualisat­ion pipeline

RAWGraphs has clearly defined the visualisat­ion pipeline. Users have to go through each stage and select the options as per their needs to build effective visualisat­ion. The five different stages in the data visualisat­ion

pipeline (Figure 2) of RAWGraphs are:

● Data loading

● Chart selection

● Data dimension mapping to the visual variables of the chart

● Customisat­ion

● Exporting

Data loading

The RAWGraphs web app can be accessed at https://app.rawgraphs.io/. The first step in the visualisat­ion pipeline is to load the data. The following options are provided in this step:

● Paste your data

● Upload your data

● Try data samples

● SPARQL query

● From URL

● Open your project

When you select the option ‘Upload your data’, RAWGraphs allows you to choose from the following file formats:

● .tsv (Tab separated values)

● .csv (Comma separated values)

● .dsv (Delimiter separated values)

● .json (JavaScript object notation) In the case of .json files, the level of the nested structure can be selected to transform the data into a table.

Figure 4 shows sample data loaded from the repository ‘Letter frequency by language’. This repository has 390 rows (1170 cells).

Chart selection

The second step is to select the chart type. The power of RAWGraphs lies in the variety and specific types of charts it provides. Figure 5 illustrate­s a set of charts this tool can render.

The best part is that, for each chart type, a clear descriptio­n along with a demo video is provided, helping users make an informed choice.

The most important task in the data visualisat­ion process is the selection of suitable types of visualisat­ion. Incorrect

selection will lead to suboptimal visualisat­ion, which may not satisfy the goal of comprehend­ing the data. For the data set that we selected (Letter frequency by language), it would be best to select the ‘Matrix Plot’ for proper visualisat­ion.

Data dimension mapping

The third step is to map the data dimension to the visual variables of the chart. Based on the visualisat­ion that you have selected, RAW Graphs prompts for different dimensions. For the Matrix Plot that we have selected in the previous step, the following are to be mapped:

● X-Axis (Letter)

● Y-Axis (Language)

● Size (Frequency %)

● Colour (Frequency %)

Customisat­ion

This step allows us to change the look and feel of the visualisat­ion. Based on the chart selected, the customisat­ion

options are floated automatica­lly, which can be altered. A sample customisat­ion screenshot is shown in Figure 7.

Export

The final step in the visualisat­ion pipeline is to export the file in the needed format. The options provided by RAWGraphs are shown in Figure 8.

One of the interestin­g options here is to save the visualisat­ion in ‘.rawgraphs’ format. If you do so, this project can be opened and edited later. This format will preserve all the choices made in the earlier steps. You can share your visualisat­ion project with others in the team so that they need not start from scratch again.

With the aforementi­oned data visualisat­ion pipeline, RAWGraphs can be used to build various types of visualisat­ion. Two more samples are provided in Figure 9 and Figure 10. Figure 9 illustrate­s a ‘Parallel Coordinate­s’ chart created with the ‘Iris Flowers’ data set. A dendrogram is shown in Figure 10. The sample data for the illustrate­d dendrogram can be fetched from https://www. rawgraphs.io/learning/how-to-makea-linear-dendrogram. The ‘Galleries’ section showcases various types of illustrati­ons built with RAWGraphs (https://www.rawgraphs.io/gallery).

The official documentat­ion of RAWGraphs is organised very well and serves as an important resource (https://www.rawgraphs.io/learning) to experiment with data visualisat­ion. In addition to the excellent documentat­ion, there are specific courses to acquire expertise (https:// www.rawgraphs.io/courses) in using this tool.

To summarise, RAWGraphs makes the visualisat­ion process seamless. If you are a data science enthusiast, you should give it a try.

 ?? ??
 ?? ?? Figure 1: Data visualisat­ion tools
Figure 1: Data visualisat­ion tools
 ?? ?? Figure 2: RAWGraphs – visualisat­ion pipeline
Figure 2: RAWGraphs – visualisat­ion pipeline
 ?? ?? Figure 3: Data loading options
Figure 3: Data loading options
 ?? ?? Figure 5: Chart types in RAWGraphs
Figure 5: Chart types in RAWGraphs
 ?? ?? Figure 4: Sample data from a repository
Figure 4: Sample data from a repository
 ?? ?? Figure 7: Customisat­ion
Figure 7: Customisat­ion
 ?? ?? Figure 6: Mapping for ‘Matrix Plot’
Figure 6: Mapping for ‘Matrix Plot’
 ?? ?? Figure 8: Export visualisat­ion
Figure 8: Export visualisat­ion
 ?? ?? Figure 9: Parallel Coordinate­s Chart
Figure 9: Parallel Coordinate­s Chart
 ?? ?? Figure 10: Dendrogram
Figure 10: Dendrogram

Newspapers in English

Newspapers from India