Timeline: Dec 2021 – Aug 2022

I used: react, redux, nivo charts

I worked on the UI for the Visualize tool at 3C Institute. This tool is included in 3C’s SaaS suite and it designed to make it simple to visualize and generate PDFs using data collected by the system.

When viewing data, the “Visualize” button is available to load whatever dataset you’re looking at into the Visualization tool.

Once you click “Visualize”, the Visualization tool is opened as a Modal.

The tool examines the “shape” of the data you’re viewing and determines what kinds of visualizations are supported. This example allows you to view the same data either as a pie or bar chart.

The Viz Tool also enables comparisons. In this example, we compare the data cross-tabulated with the age of the youth who the data is about.

Users can also make adjustments to the visual like showing/hiding legends/lines picking colors or adjusting margins.
Users can use the “Next” and “Previous Metric” button to page through all the metrics and create visualizations for them. When they are done, they can generate and download a PDF containing all their visualizations.