Skip to content

Data Viz

I am proficient in JavaScript, HTML and CSS. I have experience in D3, PHP, Laravel and Vue.js. I’m currently learning Python and R. Please follow my Github to stay up to date on what I’m working on.


QGIS and Leaflet.js for The Atlanta Journal-Constitution 

I created this map in QGIS and then exported it to leaflet.js using the qgis2web plugin. I modified the code using pym.js so it would display properly on mobile. See the map in the story here and the standalone graphic is hosted here. Feel free to review my code on my github. The Sunlight Foundation interviewed me to find out more about this project. Click here to read about how I created these shapefiles by hand after the city refused to make their files public.


A few weeks later, I used QGIS and Leaflet to make a map of the Atlanta area’s population growth. The graphic ran in this story. You can view my code here, and the standalone graphic is here.


 

D3.js for The Atlanta Journal-Constitution 

I created this interactive bubble chart using D3. See in story here. Repository here.

Metro Atlanta tax incentives

Across metro Atlanta, businesses and mixed-use developments are receiving discounts on their annual property tax bills. The larger bubbles signify bigger dollar amounts of tax incentives. Deeper shades of the bubbles indicate a higher percentage of tax breaks.


Visualization by Stephanie Lamm and Saurabh Datar/The Atlanta Journal-Constitution. Data from an AJC analysis of county tax records.

I created this bar chart in D3 for a story on elder abuse in Georgia. See it in the story here. See my code here. Standalone graphic here.


I created a series of bar charts for an AJC story on drowning deaths in Georgia. For this story, I used SQL to perform an analysis of death certificates from the Georgia Department of Public Health to find all drowning deaths due to recreational water activities. I compared pool and non-pool-related drowning deaths, as well as drowning deaths worked by the GA Department of Natural Resources and those found in the AJC’s investigation.



Tableau map of Georgia overdose deaths for The Atlanta Journal-Constitution 

I created this map, on deadline, using Tableau and data from the National Center for Health Statistics. This graphic ran with a story I wrote, which you can read here.

Google Fusion Tables Map for The Atlanta Journal-Constitution

I created this map of metro Atlanta property tax abatements in Google Fusion Tables.

Material design Contact Manager for mobile built with PHP and Vue.js

I created a contact management application built with PHP using a MySQL database and a Vue.js framework. I chose to follow Google’s standards for material design, giving it a mobile-first feel. This was for a journalism class at The University of North Carolina at Chapel Hill.

Screen Shot 2017-06-20 at 3.50.06 PM

 

API built with PHP using Laravel framework and PHPmyadmin Database

This API allows users to store and sort information about an apartment’s location, price and features. I built the API using PHP with Laravel as the framework and Composer as the dependency manager. Items are deleted and added to the database, which is hosted through PHPmyadmin, via AJAX. It is hosted on Heroku and documented in GitBook. This was for a journalism class at The University of North Carolina at Chapel Hill.

Screen Shot 2017-06-20 at 3.44.20 PM

 

Google Maps, Instagram and Twitter API integration

For my final project in intermediate interactive media, I created an explainer on North Carolina House Bill 2. I used the Twitter, Instagram and Google Maps APIs. I incorporated my final project for graphic design, an infographic explaining how House Bill 2 targets transgender teenagers, and a video of a protest I recorded for The Daily Tar Heel. This was for a journalism class at The University of North Carolina at Chapel Hill.

Screen Shot 2016-04-26 at 6.29.13 PM

 

Interactive Graphs in High Charts 

In this website, I incorporated government data using JSON files and AJAX calls. I used highcharts and data tables  plugins for the charts and added searchable database at the end of the page. The assignment was to use mobile-first design inspired by a news organization’s website. I used Vox’s mobile layout as inspiration, pulling from this story. This was for a journalism class at The University of North Carolina at Chapel Hill.

Screen Shot 2016-04-07 at 4.42.50 AM

 

Web Design in CSS

In this assignment, I was given a color comp of a website and told to implement it using HTML and CSS. This is essentially a prototype of a website built for a client, with a mobile-ready layout and interactive features. This was for a journalism class at The University of North Carolina at Chapel Hill.

Screen Shot 2016-04-07 at 4.42.29 AM

 

JavaScript Slider Plugin

In this assignment, I used a jQuery plugin to create a one-page slider website and another plugin to create a news quiz. This is an explanatory interactive on the primary elections process, and how the United States moved to a delegate system. This website is best viewed on mobile. This was for a journalism class at The University of North Carolina at Chapel Hill.

Screen Shot 2016-04-07 at 4.42.18 AM

 

Google Charts: Chapel Hill Election Results 

I created HTML/CSS graphics using Google Charts for The Daily Tar Heel’s election day coverage. I updated the story every 10 to 15 minutes and chronicled the unseating of Chapel Hill’s longtime mayor through graphics and words. This was for The Daily Tar Heel.

Screen Shot 2016-04-07 at 4.46.47 AM

Google Map: Parking and road closures for Halloween weekend  

I used Google Maps to give Daily Tar Heel readers a tool to make their Halloween night run smoothly. This map was viewed over 2,500 times in two days. This map was made for The Daily Tar Heel.

Screen Shot 2016-04-28 at 4.38.28 AM