Technology

Creating customized line chart using d3.js

D3 (Data-Driven Documents) is a JavaScript library to create custom visualizations. It combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data. D3.js graphs are for...

by Mansi Arora
Tag: charts
22-Sep-2016

Grails

Adding interactive charts to web pages using Highcharts

I recently had to add charts to a web page in my project. I used Highcharts library for this. It is very dynamic allowing you to change graphs even after the chart has been drawn. To display a graph we need a div with an ID. Let's say we have div with ID "chartDivId" and we want to display two lines in the chart. We can use the...

by Aseem Bansal
Tag: charts
26-May-2015

Grails

Generate PDF for Google Charts through Javascript

In a previous blog, we learned, how to draw a google chart. Let's say, I have 5 graphs on my page and I want to generate a PDF which contains these graphs using a JavaScript. For that, we will use jsPDF plugin. Step 1. Create a hidden empty DIV, to store graph-images: [java] <div id='graph-images'...

by Mansi Arora
Tag: charts
03-Mar-2015