Case Study · Infographic & Interactive Design

Ohio State Parks, Made Interactive

I drew all 75 Ohio State Parks as a vector infographic, county by county in five regions, then rebuilt it as an interactive map. Select a region to see its parks and which ones I have visited.

Project

Personal, CreativePalmer outdoor series

My Role

Vector illustration, data design, front-end build

Built With

Illustrator · SVG · HTML/CSS/JS

Scope

75 parks · 5 regions · 88 counties

Try It

Pick a region

Select a region on the map to filter the park list and see the counts. Open any park for details.

Not yet visited Visited ★ Major city

Select a region on the map to explore its parks.

The Source Artwork

Drawn as vector, county by county

I designed the print poster first, a full-bleed 14×20 infographic. Each county is a closed vector shape colored by region. I placed all 75 park markers by hand and starred the major cities for orientation. Because it was clean vector, the same data could drive the interactive map.

Ohio State Parks poster: a color-coded regional map of all 75 state parks with a numbered legend, compass rose and completed/ready markers

The print poster the interactive map is built from.

The regions layer: five color-coded state-park regions with park markers

The marker layer: park locations plotted across the state

Left: the region colors. Right: the marker layer that drives the interactive map.

Why It Matters

One dataset, two deliverables

I located and grouped the parks, drew every county, designed the legend and markers, and coded the interactive version myself. It's the same file-to-new-format work as my topographic shadowbox, applied to parks I visit.

Have a project like this? Let's talk.

I design maps and infographics from real data, for print or the web.

Start a project
← Back to Visual Design work