Home

(First time here? See the "Executive Summary" below)

• Gallery (alt)
• Dermatology Test Page (legacy)
• Quick Start
• Tutorials

Executive Summary

What makes the HPCC Visualization Framework different from regular charting / visualization libraries:

• Framework independent (no direct dependencies on JQuery, Bootstrap, React, Dojo, Lodash etc.)
• Provides a consistent API/Methodology for ingesting common data shapes:
  • 2-D Data (Pie, Bar...)
  • N-D Data (Bar, Line, Scatter...)
  • 1-D Data (Gauges, Sliders, Summaries...)
  • Relational (Hierarchies, Graphs...)
  • Geospatial (Choropleths, Maps)
• Provides a consistent interface for setting/getting visualization properties.
• Provides serialization/deserialization of visualizations (run-time design mode, with save/restore)
• Layouts: Several layouts to facilitate the creation of dashboards (Grid, Border, Tabbed, Overlay...)
• Compositions: Create new visualizations by combining existing ones.
• Comms / Marshallers: ASync communications support for fetching data, both from generic services, but primarily for the HPCC Platform.

Package Distribution

All packages are available for use independently and are published to the NPM repository under the @hpcc-js scope name.

They support all modern browsers including:

• IE 11
• Chrome
• Firefox
• Edge

They support the following module formats:

• iife
• commonjs
• AMD
• UMD
• es6
• unpkg

And work well with JavaScript bundlers:

• WebPack
• Rollup.js

The sources can be found here:

• GitHub - https://github.com/hpcc-systems/Visualization