index.html
README.md
index.js
bundle.js
new fileforkset heightexportdelete
Dynamic Dashboard for survey data
Razpudding

dynamic-dashboard

An example showing use a framework to dynamically generate components from data.

If you want to see the steps taken to create this demo, go to the Github repo.

Concept

This simple app loads json data through a SPARQL API and renders a list on the main page. It allows users to navigate to detail pages where a new request is fired and new data is shown. It's built without using any build tools which means a lot of useful Vue features like single file components cannot be used.

Tech-stack

  • 'Vue' for components (without build tools)
  • 'd3.js' to bind data to html elements
All code in VizHub is released under the MIT License.