Learning D3

Most of my experience is backend and middle-ware, however the final portion of my dissertation is introducing me to the front-end world. Luckily, I picked up HTML, CSS, and JavaScript from hobby blogging. Now I get to really expand on that, which is always exciting. Learning new things is the fun part of research, right?

The final component of my research deals data feedback. One of my goals is to see how a variety of feedback displays effect the behavior of my target audience. The displays I create will be driven by the sensor data from the previous component of my research and focus on food waste in the United States.
Recently, I've been working to create interesting graphs and infographics for the display. A colleague suggest I check out D3, and boy am I glad he did. There are so many interesting things you can do with this library.

Today, I created a gradient map to depict child hunger statistics across the US (shown below). I've seen these maps in countless news articles (especially after the election), but I had no idea how people created them. I'm still working on creating the legend for it, but I'm pretty happy with the way it has turned out so far. I've also created a multiline graph; once the cafeteria reopens for the semester it'll display live-streamed data. While both of these are fairly basic, I'm excited to see what I can come up with as I learn more.

[Update: I am working to update the host for the scripts so that the iframes properly work (11/18/2020)]