| home page | data viz examples | critique by design | final project I | final project II | final project III |
This is my public portfolio for Telling Stories with Data at CMU! Here’s where all my cool work will go. You should probably hire me. :)
Hi everyone, my name is Bo, and I’m currently a first-year Master of Science in Building Performance & Diagnostics (MSBPD) student. I graduated from Cal Poly in 2023 with a Bachelor of Architecture and have been working professionally in Sacramento for about two years. I’m also a licensed architect in the State of Illinois. Recently, I decided to shift my career focus from traditional architectural design toward building technology and science, especially in building envelope, waterproofing and vapor proofing, and also to expand my professional network on the East Coast.
All the things - obviously. Maybe I want to make a list of all the things. If so, I can do so in Markdown like this:
In this class, I’m really hoping to:
Learn how to make graphs that don’t suck. I want to make charts that are actually clear and helpful, not confusing or misleading.
Get good at telling stories with numbers. Instead of just showing a spreadsheet of data, I want to be able to create a visual that tells a story like, “Here’s why this wall detail will prevent mold.”
Stop relying on just static drawings. In architecture, we live in PDFs. I want to learn how to create dynamic visuals that can make my reports and presentations way more powerful and convincing.
For this assignment, make sure you set up and link to a new page. This page is linking to a new Markdown document called critique-by-design.md.
Here it might be helpful to include a high-level description of your final project. Part I Part II Part III(final-project-part-three)
These portfolio templates are for setting up your Telling Stories with Data site. Edit these pages and add new ones as needed.
It’s always helpful to keep track of your web URL. Consider putting that somewhere on your page for easy reference:
You can change text, like this:
Here’s some bold text. Here’s some italic text. Here’s some strikethrough text.
You can build tables like this:
| Name | Type of pet | Favority activity 1 | FA 2 | FA 3 | FA 4 |
|---|---|---|---|---|---|
| Eli | cat | Sleeping | Eating | Being pet | Plotting to overthow dog empire |
| Howard | dog | You | You | You | Eating |
| Frankenstein | fish | Swimming | Eating | Blowing bubbles | Forgetting |
An easy-to-use template generator tool can be found here
You can use different headings, like this:
You get the idea - just don’t forget the space between the # and your title. #Title won’t work, but # Title will.
Here’s an example of how to add an image to my portfolio.

Photo by charlesdeluvio on Unsplash
Alternately, you can set the size of the image using just a bit of HTML:

Remember that you’ll need to upload the image into your repository, or include a link to the image somewhere else.
So here’s the code you’ll need to add to your own site to create a second page.
[title](dataviz) or [dataviz](https://cmustudent.github.io/portfolio/dataviz.html) or [CMU](https://www.cmu.edu)
Any of those formats will work. Here’s some examples of working links:
[title](dataviz) = title
[dataviz](https://cmustudent.github.io/portfolio/dataviz.html) = dataviz
[CMU](https://www.cmu.edu) = CMU
Make sure to check these from your publicly accessible URL to make sure they’re working correctly (not from the preview tab).
Looking for more? A nice Markdown guide can be found here
List any references you used here.
If you used AI to help you complete this assignment (within the parameters of the instruction and course guidelines), detail your use of AI for this assignment here.