index.html
README.md
index.js
bundle.js
style.css
new fileforkset heightexportdelete
Dashboard for ethnographic 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

I want to show students how to use a front-end framework to dynamically generate components from a data source. One useful example would be to create visualizations from a data source.

Functionality

  • Data is loaded in a vue method from a SPARQL endpoint
  • The stored data is used to render a list of themes available in the data
  • Each theme links to a detailpage which loads example works of that theme
  • The whole thing functions without routing but instead uses conditional content loading.

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.