Dashboard: data visualisations

Dynamically generated dashboard components that can visualise large and complex data sets.

Data management is undertaken on the server using Python, allowing for complex data manipulation prior to rendering page components.

Data visualisations rendered with Django templates, SVG graphics and and little Vue.js for additional interactivity. coding and design. All visuals are dynamically rendered on the server at the time of page-request.
Try out some different data to see how styling can be affected (enabled on second row of panels):
status: Okay | status: Warning | status: Danger |


Line-graph with addition section featuring an interactive element.

Mar Apr May Jun Jul Aug Sep Oct Nov Dec Jan Feb 60 65 70 75 80 [[ readout ]]

Dashboard dial

Fully customisable dial


Infographic, stack chart

Pictorial elements can aid in quickly communicating meaning of a chart.


Modified stack chart

All aspects are custom designed and can be tailored to requirements. All design aspects can be affected by data.


Candlestick chart

Demonstrating complex data visualisation combining 4 metrics into a single 'candlestick' element.

Dec Jan Feb 62 63 64 65 66 67 68 69 70 71