DATA VISUALIZATION

The Cost Of Sunlight

Hero Image

Redesigning my portfolio to showcase interactive storytelling, thoughtful design direction, and front-end development skills.

Live Site
Focus/Domain Climate Economics
Roles Data Analyst Visualization Designer
Duration 3 months
Tools D3.js, Python, QGIS

Why This Story

My previous portfolio didn't reflect where I am today as a creative technologist. It was static, visually flat, and didn't show my capabilities in animation, interaction design, or narrative case studies. I needed a portfolio that felt alive — professional yet playful — and that clearly positioned me in the space between data, design, and development.


My previous portfolio didn’t reflect the kind of work I do now. It was static, minimal, and lacked the interactive qualities I value in design. I wanted a site that would demonstrate my ability to craft experiences — not just display projects. The challenge was to create a portfolio that felt alive and personal while staying professional, lightweight, and easy to maintain.

Topic Development

Lorem ipsum dolor sit amet consectetur. In sed egestas turpis ornare rhoncus venenatis. Massa arcu pretium ac odio auctor cursus nunc. Dapibus leo venenatis nisl eu massa pharetra arcu mauris. Sit tincidunt pharetra consectetur urna at consectetur vestibulum consequat. Purus pulvinar a purus ut senectus lectus id. Lacus lobortis aliquam rutrum nibh phaselius pharetra nec interdum nam. Gravida placerat nisl sed et ipsum donec urna. Quam et libero tellus congue arcu facilisi id curabitur cursus. Et aliquam lorem viverra mattis sit vitae augue. Sed integer molestie nulla neque quam.

Methodology / Execution

Lorem ipsum dolor sit amet consectetur. In sed egestas turpis ornare rhoncus venenatis. Massa arcu pretium ac odio auctor cursus nunc. Dapibus leo venenatis nisl eu massa pharetra arcu mauris. Sit tincidunt pharetra consectetur urna at consectetur vestibulum consequat. Purus pulvinar a purus ut senectus lectus id. Lacus lobortis aliquam rutrum nibh phaselius pharetra nec interdum nam. Gravida placerat nisl sed et ipsum donec urna. Quam et libero tellus congue arcu facilisi id curabitur cursus. Et aliquam lorem viverra mattis sit vitae augue. Sed integer molestie nulla neque quam.

Design and Production Choices

Lorem ipsum dolor sit amet consectetur. In sed egestas turpis ornare rhoncus venenatis. Massa arcu pretium ac odio auctor cursus nunc. Dapibus leo venenatis nisl eu massa pharetra arcu mauris. Sit tincidunt pharetra consectetur urna at consectetur vestibulum consequat. Purus pulvinar a purus ut senectus lectus id. Lacus lobortis aliquam rutrum nibh phaselius pharetra nec interdum nam. Gravida placerat nisl sed et ipsum donec urna. Quam et libero tellus congue arcu facilisi id curabitur cursus.

Impact

Lorem ipsum dolor sit amet consectetur. In sed egestas turpis ornare rhoncus venenatis. Massa arcu pretium ac odio auctor cursus nunc. Dapibus leo venenatis nisl eu massa pharetra arcu mauris. Sit tincidunt pharetra consectetur urna at consectetur vestibulum consequat. Purus pulvinar a purus ut senectus lectus id. Lacus lobortis aliquam rutrum nibh phaselius pharetra nec interdum nam. Gravida placerat nisl sed et ipsum donec urna. Quam et libero tellus congue arcu facilisi id curabitur cursus.

Reflection

Lorem ipsum dolor sit amet consectetur. In sed egestas turpis ornare rhoncus venenatis. Massa arcu pretium ac odio auctor cursus nunc. Dapibus leo venenatis nisl eu massa pharetra arcu mauris. Sit tincidunt pharetra consectetur urna at consectetur vestibulum consequat. Purus pulvinar a purus ut senectus lectus id. Lacus lobortis aliquam rutrum nibh phaselius pharetra nec interdum nam. Gravida placerat nisl sed et ipsum donec urna. Quam et libero tellus congue arcu facilisi id curabitur cursus. Et aliquam lorem viverra mattis sit vitae augue. Sed integer molestie nulla neque quam.