- Demo/Test Page and its source
- Dermatology Test Page and its source
- [Wiki] (https://github.com/hpcc-systems/Visualization/wiki)
The goal of the visualization framework is to simplify the construction of visualizations and dashboards for Big Data on the HPCC Platform. This project consists of the following key parts:
- Provides a consistent interface to "off the shelf" and hand crafted visualizations.
- Simplifies visualization instantiation and composition within HTML DOM and SVG DOM nodes (One visualization can be a combination of several others).
- Provide connectors (marshallers) to the HPCC Platform.
The obligatory Hello World example
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="../widgets/lib/requirejs/require.js"></script>
<script src="../widgets/config.js"></script>
<script>
requirejs.config({
baseUrl: "../widgets"
});
</script>
</head>
<body>
<div id="helloWorld" style="width:100%; height:100vh">
</div>
<script>
require(["src/common/TextBox"], function (TextBox) {
var helloWorld = new TextBox()
.target("helloWorld")
.text("Hello\nWorld!")
.render()
;
});
</script>
</body>
</html>None of this would would be possible without the great work of others. The widgets/lib folder includes the work from:
While widgets/src also includes wrappers for CDN hosted visualizations: