---
# System prepended metadata

title: UI/UX Design session

---

# UI/UX Design session

## 2022-12-08

Currently:
 - Status of population processing
 - Status of analysis processing
 - 
 - PPopulation and analysis data genration are 2 distinct steps
-
Goal:
- One button to trigger population and analysis data generation
    - If population loading fail stop and dispplay an error message
    -  


## 2022-11-03

Enforce consistent styles
Shared css file to rules them all
List of all htmx/frontend event

## Links
- Figma
    - [Maquette](https://www.figma.com/file/UEmLay3dwFKE07BLnGwVEG/Maquette)
    - [design system](https://www.figma.com/file/UEmLay3dwFKE07BLnGwVEG/Maquette?node-id=1226%3A16047)
- [Miro](https://miro.com/app/board/uXjVPHFb8b8=/)

## Component
- Isolated styles
- Isolated components
- [Django component](https://github.com/EmilStenstrom/django-components/)

## Chart generation
- [Apex charts](https://apexcharts.com/)
- [Canvas JS](https://canvasjs.com/)
- [Fusion charts](https://www.fusioncharts.com/)
- [High charts](https://www.highcharts.com/)
- [Chart JS](https://www.chartjs.org/)

**Caveats:**
- dynamic usage from the user?
- 3 axes

## Testing / sharing
- [Storybook django](https://github.com/torchbox/storybook-django)