Horse Racing Datasets

Launched January 2015

Filed Under A list of tags for this post.
Role
  • Code
  • Curation
  • Design
Stack
  • Airtable
  • Sergey SSG
  • Vue
Kentucky Derby datasets available at Horse Racing Datasets

Usable data is bizarrely hard to come by in American Thoroughred horse racing, so I created a way to share datasets.

This site started as a static one page site with about ten datasets in 2015. In 2018 I migrated it to Airtable and Vue leaving the original design mostly intact. In July of 2019 I overhauled the site with a big redesign.

The main upgrade was adding the ability to browse datasets by category or data type, which was useful as the site had grown to approximately 50 datasets by this point. The original design also used Bootstrap and I gave Tailwind CSS a try. Developing with a utility-first framework is great for designing in the browser, but after not looking at for awhile I have no idea what's going on! Hopefully I can do a CSS overhaul and re-write it from scratch.

When I set out to do the current design I thought I'd use Vue routing, but I couldn't get it to work how I envisioned. So I gave Sergey, a simple static site generator, a try and it did exactly what I wanted with very low overhead. If/when redo the CSS I might also move it to Eleventy and see if I can improve some of the data handling.

Static listing page at Horse Racing Datasets
When a visitor doesn't have Javascript enabled, or if Javascript doesn't load, they get a static version of the site.

Another feature of the current design is the addition of a static listing page in the event that Javascript doesn't work or is turned off. It's really not that much more work to maintain and it provides a nice alternative experience when ye olde JS doesn't work or when a visitor would prefer a zippier low-bandwidth experience.

I might come back and add more detail about the implementation, or I might just redo the whole thing and then talk about that!

Link opens in a new tab or window View Project