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