DHIS2 Visualisation Studio is an innovative application that enables users to create interactive and dynamic dashboards that display data from multiple sources. This web-based application is designed for use with DHIS2, an open-source platform that is widely used for data management and analysis in the global health sector. DHIS2 Visualisation Studio is developed with modern technologies such as DHIS2 Applicaation platform, React Library, Typescript programming language, Effector js, Plotly graphing library, D2 UI library and it supports all major web browsers. This article enlists the technical details about DHIS2 Visualisation Studio and its features.
DHIS2 Visualisation Studio is designed to work with various data sources, including DHIS2 instances, external data sources, and real-time data feeds. The application can connect to multiple DHIS2 instances simultaneously, which means users can easily create dashboards that consolidate data from different sources. Users can also connect to external data sources such as SQL databases, RESTful APIs, and CSV files. In addition, the application can display real-time data from data streams such as WebSockets and SSE.
DHIS2 Visualisation Studio provides an intuitive and user-friendly interface for creating dashboards. Users can easily drag and drop data elements onto the dashboard canvas and customize the appearance of the dashboard items. The application supports a wide range of dashboard items, including tables, charts, maps, and pivot tables. Users can also apply filters and groupings to the data, and add custom calculations and expressions. The dashboard canvas supports various layout options, such as grid, columns, and rows, and users can easily resize and rearrange the dashboard items.
DHIS2 Visualisation Studio allows users to display real-time data on their dashboards. Users can specify the refresh interval for each dashboard item, and the application will automatically update the data at the specified intervals. This feature is particularly useful for applications that require up-to-date information, such as monitoring and evaluation systems. DHIS2 Visualisation Studio also supports auto-play, which allows users to display their dashboards in the form of slide shows. Users can specify the duration of each slide and the transition effects between slides.
DHIS2 Visualisation Studio also offers a wide range of visualisations for displaying data, including bar charts, line charts, pie charts, scatter plots, Area Graphs, Box Plots, Bubble Charts, Bubble Maps, Funnel Graph, Gauge Graphs, Histograms, Tree Maps, Subburst Charts, Tables, Single Values, heat maps among others. Additionally, the application provides an unlimited number of configurations for each visualisation, allowing users to customize the appearance, layout, and formatting of the visualisations to suit their specific needs. This feature enables users to create highly personalized and informative dashboards that effectively communicate the insights hidden within their data.
A number of libraries and technologies where used to develop the DHIS2 visualisation studio app and Below lists some of those technologies:
The DHIS2 Application Platform is an open-source, web-based platform used for building and deploying DHIS2 applications. DHIS2 is a health information system used by organizations to collect, manage, and analyze data related to public health programs. The DHIS2 Application Platform provides a framework for building custom applications on top of DHIS2's core functionality. You likely used this platform as the foundation for your dashboarding tool. The official website for DHIS2 is https://www.dhis2.org/.
React is a popular JavaScript library for building user interfaces. It was developed by Facebook and is widely used for building web applications. React allows you to build reusable components that can be composed to create complex user interfaces. You likely used React to build the UI components for your dashboarding tool. The official website for React is https://reactjs.org/.
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. It provides a set of ready-made UI components that can be easily customized to fit your specific needs. You likely used Chakra UI to help build out the UI of your dashboarding tool. The official website for Chakra UI is https://chakra-ui.com/.
Ant Design is a popular UI library for building React-based web applications. It provides a set of high-quality, ready-made UI components that can be easily customized to fit your specific needs. You likely used Ant Design to help build out the UI of your dashboarding tool. The official website for Ant Design is https://ant.design/.
Efffectr JS is a JavaScript library for managing side effects in your React applications. It provides a simple, declarative way to manage async operations like fetching data or updating state. You likely used Efffectr JS to help manage side effects in your dashboarding tool. The official website for Efffectr JS is https://effector.dev/.
Plotly is a data visualization library that provides a wide range of chart types and styles. It can be used in both Python and JavaScript applications. You likely used Plotly to help visualize data in your dashboarding tool. The official website for Plotly is https://plotly.com/.
Leaflet is a popular open-source library for building interactive maps. It provides a set of ready-made map tiles and UI components that can be easily customized to fit your specific needs. You likely used Leaflet to help build out the mapping functionality of your dashboarding tool. The official website for Leaflet is https://leafletjs.com/.
Axios is a popular JavaScript library for making HTTP requests. It provides a simple, easy-to-use API for making requests and handling responses. You likely used Axios to help fetch data from external APIs or from your DHIS2 instance. The official website for Axios is https://axios-http.com/.
Lodash is a popular JavaScript utility library that provides a wide range of helper functions for working with arrays, objects, and other data structures. You likely used Lodash to help simplify some of the data processing and manipulation tasks in your dashboarding tool. The official website for Lodash is https://lodash.com/.