Inspiration
What it does
How we built it
Inspiration My motivation for WellbeingData was simple: to look past simplistic economic measures like GDP. The OECD well-being dataset is a profound resource, detailing everything from education to environmental quality. I wanted an application that made this complex, multi-dimensional view of societal health fully accessible, allowing users to drill down into country, demographic, and temporal trends effortlessly.
What it does WellbeingData is a single-page Dash application providing deep, interactive data exploration. Its core functions are:
Dynamic Visualization: Automatically switches between Bar Charts (for percentage data, PT) and Line Charts (for time series) based on the selected metric.
Statistical Benchmarking: Displays a live KPI showing a country’s deviation from the overall OECD Average.
Distribution Analysis: Uses Violin/Box Plots to show the statistical spread of the indicator across all countries, providing essential context.
How we built it The project was built using the Plotly Studio AI feature. I acted as the architect, crafting hyper-detailed prompts to ensure the generation of robust, server-side Python/Dash code. We leveraged Dash Bootstrap Components (DBC) for a professional, responsive, card-based layout. Crucially, I focused on coding the intricate conditional logic for the chart switching and implementing the efficient server-side callbacks required to calculate the complex KPIs without performance lag.
Challenges we ran into The primary challenge was optimizing callback efficiency. Calculating the custom OECD Average KPI and simultaneously filtering data for two main charts and two statistical plots introduced complexity. It demanded precise structuring of the dependency graph to ensure low-latency updates. Additionally, mastering the precise DBC grid system was necessary to achieve the desired clean, side-by-side 50%/50% layout for the statistical visualizations.
Accomplishments that we're proud of We are most proud of achieving true visualization dynamism—the seamless, automatic chart transition based on the data's unit. Successfully integrating the live statistical OECD Comparison KPI and the robust Download Filtered Data feature transforms the app from a simple viewer into a powerful, analytic tool.
What we learned The biggest takeaway was the power of extreme prompt specificity in AI-assisted development. I learned that demanding specific components (like dbc.Card or a Violin Plot) is key to generating high-quality, production-ready UI/UX. I also learned to prioritize the visibility of the primary chart by giving it 100% width.
What's next for WellbeingData Next, we plan to implement the Domain Performance Heatmap to show cross-domain performance and integrate a simple Predictive Modeling component to offer short-term trend forecasting.
Log in or sign up for Devpost to join the conversation.