From the 2017 HPCC Systems Community Day: The road to 2.0: As the next major release approaches, we take a look at what is changing both over and under the covers - and it’s not just all pretty pictures... Gordon Smith Enterprise/Lead Architect, LexisNexis Risk Solutions Gordon is an Enterprise/Lead Architect and manager of the HPCC Systems supercomputer clients. He is a member of the HPCC Core Platform team and a LexisNexis employee for over 18 years. Gordon is the principle developer for ECL related development and visualization tools, including the ECL IDE, ECL Plugin for Eclipse, ECL Watch, ECL Execution Graph Viewer and more recently the HPCC Visualization Framework. Gordon is also involved in our HPCC Systems intern program and serves as a mentor on any projects relating to the HPCC Visualization Framework and/or a web based debugging front end for ECL.

1. October 4, 2017
Gordon Smith
Visualization Update

2. Current Releases
• Visualization Framework:
• v1.18.0
• v1.16.4
• Visualizer Bundle:
• v1.0.1
Visualization Update - Gordon Smith 2

3. Visualization Framework 2.0
• Scheduled to be released in tandem with HPCC Systems Platform 7.0
• JavaScript → TypeScript:
• commonjs
• AMD
• es6
• D3 v3 → v4
• Bower → NPM
• RequireJS → RollupJS / Webpack / RequireJS
• Package refactor:
• New namespace @hpcc-js
• Viz Framework is now part of @hpcc-js
Visualization Update - Gordon Smith 3

4. @hpcc-js 2.0 (as of Sept 2017)
• @hpcc-js/amchart
• @hpcc-js/api
• @hpcc-js/bundle
• @hpcc-js/c3-shim
• @hpcc-js/c3chart
• @hpcc-js/chart
• @hpcc-js/codemirror
• @hpcc-js/codemirror-shim
• @hpcc-js/common
• @hpcc-js/comms
• @hpcc-js/composite
• @hpcc-js/d3-bullet
• @hpcc-js/ddl
• @hpcc-js/ddl-shim
• @hpcc-js/dgrid
• @hpcc-js/dgrid-shim
• @hpcc-js/form
• @hpcc-js/google
• @hpcc-js/graph
• @hpcc-js/handson
• @hpcc-js/html
• @hpcc-js/layout
• @hpcc-js/loader
• @hpcc-js/map
• @hpcc-js/marshaller
• @hpcc-js/other
• @hpcc-js/phosphor
• @hpcc-js/phosphor-shim
• @hpcc-js/preact-shim
• @hpcc-js/react
• @hpcc-js/requirejs-shim
• @hpcc-js/timeline
• @hpcc-js/tree
• @hpcc-js/util
Visualization Update - Gordon Smith 4

5. Motivation: @hpcc-js/comms
• Standalone HPCC communications package:
• Create and manage Workunits
• Fetch Results
• Call Roxie Queries
• Works in browsers and with Node.js
• Uses:
• Replace Viz Framework Comms Layer
• Replace ECL Watch Comms Layer
• VS Code
• Juypter Notebook
• Dashboard Designer
Visualization Update - Gordon Smith 5

6. <Demo Videos>
Visualization Update - Gordon Smith 6

7. @hpcc-js v2.0
• Project Page: https://github.com/hpcc-systems/Visualization
• Dev Branch: https://github.com/GordonSmith/Visualization/tree/future-2.0
• Node/NPM: https://www.npmjs.com/~hpcc-js
• Visualizer ECL Bundle: https://github.com/hpcc-systems/Visualizer
• Gordon Smith: gordon.smith@lexisnexisrisk.com
Visualization Update - Gordon Smith 7