Present data on the web: Create diagrams with JavaScript frameworks

Published by: MRT

Published on:

Present data on the web: Create diagrams with JavaScript frameworks

Table of Contents

The Internet is full of complex information and the average user hardly has the time to grasp even a small fraction of it. The aim should therefore be to make it as easy as possible for him to absorb information. Instead of knocking out lead deserts, clear and well-prepared diagrams help.

This article deals with two libraries that you can use to clearly visualize extensive data material. While it is at HighCharts (Download) D3.js (download) is a free open source product under a BSD license. HighCharts represents the genre of ordinary diagram libraries, while D3.js is more of an SVG renderer that gives developers a tool to create their own diagrams.

As an introduction to working with HighCharts, use our instructions to create a line chart before you take a short excursion into the world of finance and display price movements with a candlestick chart. Then we will present the work with D3.js on the basis of small experiments before you make a line diagram here as well.

  • Access to all heise + content
  • exclusive tests, advice & background: independent, critically well-founded
  • Read c’t, iX, MIT Technology Review, Mac & i, Make, c’t photography directly in your browser
  • register once – read on all devices – can be canceled monthly
  • first month free, thereafter € 12.95 per month
  • Weekly newsletter with personal reading recommendations from the editor-in-chief

Start FREE month

Start your FREE month now

Already subscribed to heise +?

Sign up and read

Register now and read articles right away

More information about heise +

Disclaimer: This article is generated from the feed and not edited by our team.