Building smart graphs in Drupal 8, with D3 and Node.js


There's a lot you can do with Graphs and with Drupal! Let us show you how. If you love Drupal 8, data visualization or program-ery, this is the place to be!

There are many ways to do graphs in Drupal. JavaScript charts & many graphing libraries are out there doing amazing things, GoogleAPI and jqplot for example. The D3 library, however, is not only a much more flexible library, but also offers more than just charts and graphs.

We integrate d3 with Drupal 8 and node.js to bring the best graph experience. Some of the key feature includes:

  • Lines & scatter plots
  • Bar charts
  • Area charts
  • Histograms
  • Box plots
  • Bubble charts
  • Heatmaps
  • Error bars
Creating graphs Programmatically?

Writing a graphing API for other drupal modules to use.

How about realtime data?

We know how painful static plots can be. Integrate Drupal 8 with node.js (using the library) to update graphs in real-time, making them great for data-logging, instrumentation and monitoring applications.

Hook up hardware?

Send data in from your favorite hardware. Have an Arduino or a little Pi kept in a drawer somewhere? These beautiful plots will give you a reason to bring it back out.

Other highlights
  • Easily make graphs with your data in the workspace.
  • Import data from Google Drive or upload Excel or text files.
  • Customizing every element of your graph.
  • Change the colors, annotate, write LaTeX, toggle graph ticks, and much more.

Session Track

Coding and Development

Experience Level


Drupal Version