Static Loader II

100%

Static Loader II

✓ Published0🌍 Public

Last edited Jul 25, 2016

Created on Jul 25, 2016

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.

AI-generated description

Static 1.12.4 Loader

Example of static loader 1.12.4 loading a newer version of the framework!

apache-2.0 Licensed

Similar vizzes

Loading thumbnail…

Static Loader

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.

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

70% 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

67% 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

64% 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

63% match

Loading thumbnail…

DashBoard

This dashboard example shows how linked views can be used for interactive data exploration. A bar chart of state frequencies and a pie chart with a legend are initially displayed together, and hovering over a bar in the histogram updates the pie chart and legend to show that state's breakdown by low, mid, and high segments. Conversely, hovering over a pie slice triggers a transition that updates the histogram to reflect the frequencies of that segment across the states. The code uses D3 v3 with an SVG rendering approach, relying on d3.scale.ordinal, d3.scale.linear, and transition methods to animate the changes.

KKirun1

61% match

Loading thumbnail…

CAP 4744/5745 - Interactive Data Visualization - Project 2

This interactive dashboard presents four distinct datasets—Calvin College 2004, Iris, Titanic Passenger List, and World Bank Science & Technology—each accessible via a Bootstrap navigation bar. The main page displays thumbnail images linking to separate visualizations. The code uses D3.js v5 to generate simple scatterplots, loading data and mapping values to x and y scales with `d3.scaleLinear` and `d3.extent`. Circles are appended to SVG containers using `selectAll` and `data` joins, with positioning based on array indices and a specified y-field.

Aanagi2597

61% match

Loading thumbnail…

Hello VizHub

This example displays two synchronized visualizations of borehole water-depth data: a bar chart and a scatter plot. Both graphs use color to distinguish data points marked as "Old" or "New," and hovering over a bar highlights the corresponding circle in the other chart with a green stroke. Both views are rendered as SVGs using D3 v5. The bar chart creates rectangles with `d3.scaleLinear` for the y-axis and `d3.axisRight` for tick marks, while the scatter plot uses circles with a left-aligned axis. Data is loaded from a CSV file and parsed with `d3.timeParse`.

SShane Carey

61% match