Visualisation 2 Go.

In an environment where software development tools become outdated as quickly as in the field of web development, the credentials of having been on the market for almost 10 years speak for themselves. D3.js is popular and widely used. But being omnipresent isn’t everything. So find out for yourself:

 

d3.select("body")

    .data([10,20,30,40,50])

    .enter()

        .append('div')

            .style("background-color", "red")

            .style("max-width", d => d + "px")

            .text(d => d);

 

That is all the code you need to create a bar chart with D3.js. No explicit loops, no repetitive views, no boilerplate. The result does not yet look particularly modern or appealing but that can be sorted out quickly and easily (inline or in CSS).

D3.js can also be upgraded to include all the functionalities you can think of in a web context. Unlike other frameworks, which export limited and pre-built components, D3.js provides developers with all the freedom they could possibly image. This means that, for example, the above bar chart can be transformed into a pie chart at the touch of a button using a smooth animation. Sound complicated? It’s not a problem. This has already been done, documented thoroughly and published. In the vast expanses of the internet, you can find countless example implementations of D3.js, which cover (almost) everything you might want to do with data visualisation.

There is also some good news for developers who prefer to work with TypeScript. Typing is also available for D3.js... it’s up to you.

 

npm -i d3

 

Have fun. Enjoy coding.

Your INNO-coding team.

<< Back < Previous Post

Fill in our contact form and request the whitepaper.

Fields marked with an * are required fields

Erforderlich
Erforderlich
Erforderlich
Erforderlich

Fill in our contact form and request the newsletter.

Fields marked with an * are required fields

Erforderlich
Erforderlich
Erforderlich
Erforderlich
Erforderlich
Erforderlich