Expand the HPCC Systems Visualization Framework (Web Based)

Anmol Jagetia completed this project as part of the GSoC program in 2015. You can read Anmol's blog and review his commits on github for more information. Watch his YouTube video where he speaks about his project and experience working with us.

Currently the HPCC Systems® Platform has very little support for visual analytics. While there are plenty of “off the shelf” visual analytic tools and dashboard creators, none are really suitable for “Big Data” because they typically work with local datasets (think charting with an excel spreadsheet).  The HPCC Systems® Visualization Framework aims to solve the issue by bringing together existing “best of breed” visualizations as well as bespoke HPCC Systems® visualizations into a consistent framework, which can then be driven by HPCC Systems® hosted analytics.

Anmol Jagetia’s work involved adding unit tests and linting as well as adding new visualisation widgets and enhancing existing ones. He used his existing experience to enhance our build quality infrastructure and has also added a range of new features to the existing framework including the addition of a time lapse capability and a number of features which enable bar charts to be used as Gant charts.  

Below is an illustration of the work Anmol did to add range support in a column chart where there is both an upper and lower bound.



He also added a playback facility which walks through the range at preset intervals. 

The work he has done will significantly improve the user experience.

Project Description

The Visualization Framework is a Client Side HTML5/JavaScript library, with the following goals:

  • Provide a comprehensive set of visualizations with a consistent API:

    • Reuse existing open source visualizations as appropriate.

    • Develop new visualizations as needed.

  • Simplify the construction of new Visualizations via composition:

    • Ability to combine "widgets" to create new "widgets"

    • Combine HTML5 and SVG layers into a single view.

  • Other:

    • Simplify the fetching of data from the HPCC-Platform.

Examples of work:

  • Wrap D3 Tree/Graph visualizations (Co-occurrence Matrix, Dendrogram).

  • Use D3 to create new Visualizations (Gant, Graph, Timeline etc.)

  • Document and Unit test API

By the GSoC mid term review we would expect you to have implemented:

  • A wrapped third party visualization

  • A custom built visualization

  • Both driven by data on the HPCC Platform.


Gordon Smith
Contact Details

Backup Mentor: Dinesh Shetye
Contact Details

Skills needed
  • Ability to write Client Side HTML5/CSS/JavaScript.

  • Basic ECL and HPCC Platform knowledge.

  • A wrapped third party visualization

  • A custom built visualization

  • Both driven by data on the HPCC Platform

  • Test cases demonstrating the correct behavior and performance

  • Supporting Documentation

Other resources

All pages in this wiki are subject to our site usage guidelines.