Static Loader

100%

✓ Published0🌍 Public

Last edited Jul 25, 2016

Created on Apr 3, 2016

This example demonstrates a static dashboard of US state error data, presenting a choropleth map, pie chart, and three data tables that update based on user selections. The visualization is built using the HPCC Systems visualization framework, loaded via a persist string that specifies version 1.10.6. The code constructs multiple interactive views—a map using the CHORO type, a pie chart, and tables—all driven by databomb data sources. It employs the `hpcc-viz.js` library from the specified URL to render the dashboard components.

AI-generated description

Static 1.12.4 Loader

The new loader can take a persist string and reolve the correct version of the framework to use (check the network log)!

apache-2.0 Licensed

Similar vizzes

Loading thumbnail…

Static Loader II

This example demonstrates a dashboard visualization framework’s ability to load an older version (1.12.4) of the HPCC Systems visualization library while still running a dashboard definition built with version 1.14.0-rc7. It shows a choropleth map, pie chart, and multiple detail tables that update based on selections. The visualization uses the `hpcc-viz.js` library, with data embedded as a databomb containing aggregated error counts by state and error code.

GGordonSmith

88% match

Loading thumbnail…

Databomb Dashboard

The Databomb Dashboard demonstrates a linked multi-view interface for exploring error codes by state. It uses the HPCC Platform visualization library’s marshaller API to define a choropleth map, a pie chart, and three tables from inline databomb data. Clicking a state on the choropleth filters the state-details table and the combined details table, while selecting an error slice updates the error-details table similarly. The dashboard is built entirely with `require.config` and the `HTML` widget, relying on client-side aggregation for the pie chart.

GGordonSmith

79% match

Loading thumbnail…

LayoutChart

This example demonstrates a dashboard combining multiple interactive visualizations in a single resizable, draggable view using the `DockPanel` layout. It shows bar, pie, line, and hex bin charts alongside a layered map and a data table. The map layers several choropleth and thematic overlays—including countries, states, counties, GeoHash cells, a graticule, and a heat layer—using the `@hpcc-js/map` library. The code leverages APIs such as `ChoroplethCountries`, `GeoHash`, and `Layered`, with sample data derived from exam results and geographic counts.

GGordonSmith

72% match

Loading thumbnail…

Dashboard I

This interactive dashboard explores healthcare data breach submissions, showing how incident counts vary by state, breach type, and submission quarter, with a time-series of affected individuals. The interface uses a choropleth map, bar chart, pie chart, and tabbed line/table views. Selections in any chart filter the others, updating the visualizations via the `d3.nest()` API. The dashboard is built with the HPCC Systems visualization library, including `ChoroplethStates`, `Bar`, `Pie`, `Line`, `Table`, and `Grid` components.

GGordonSmith

70% match

Loading thumbnail…

Dashy Generated Dashboard 1

This dashboard presents a multi-panel view of people and account data, combining a US state choropleth, a gender bubble chart, a customer table, and an account summary line chart. It uses the HPCC-js composite, marshaller, and map libraries, with a RoxieRequest and WUResult fetching data from a remote ECL server. Linked selections filter results across panels, while a resizable layout arranges the widgets.

GGordonSmith

70% match

Loading thumbnail…

Dashboard_Original

This dashboard presents four coordinated visualizations of U.S. sales data from a CSV source: a choropleth map, bar chart, scatter plot, and donut chart. The map uses `d3.geoPath` and `d3.geoAlbersUsa` to display state-level sales, while the scatter plot uses `d3.scaleTime`, and the donut chart uses `d3.pie` and `d3.arc`. Animated transitions, via `transition().duration()`, update axes for the scatter plot and bar chart. The visualizations include interactive tooltips and use a CSS grid layout.

BBomkerss

67% match

Loading thumbnail…

Dashboard_TEST_ok

This dashboard presents four synchronized views of sales data: a bar chart, a U.S. choropleth map, a scatter plot, and a pie chart. It uses several D3.js v6 APIs, including `scaleBand`, `scaleLinear`, `geoAlbersUsa`, `geoPath`, `pie`, and `arc`. The map colors states based on total sales from the provided dataset, while the pie chart breaks down sales by sub-category. All visualizations support interactive tooltips and updates with animation.

BBomkerss

66% match

Loading thumbnail…

D3 ConicEqualArea Projection + D3 Generated Layers

This example demonstrates a multi-layered D3 map visualization using a conic equal-area projection, combining graticules, country choropleths, US county choropleths, geohash cells, heat points, and a graph network overlaid on the same geographic canvas. It uses the HPCC Systems visualization library, with layers such as ChoroplethCountries, GeoHash, ChoroplethUSCounties, Heat, and Graph, all rendered via D3’s geographic path machinery. The data includes country weights, geohash counts, county values, heat coordinates, and graph nodes, each styled with distinct palettes and opacities to reveal spatial patterns. The map is interactive, centered at the equator with a zoom level of two.

GGordonSmith

66% match