Comparing the pace of athletes during the 2022 Rotterdam Marathon

Experimenting with the use of React components within MDX documents

Florian Maas

April 11, 2022

Enter a BIB number:

The official Sporthive page with the results for the 2022 Rotterdam Marathon. can be found here.


I recently rewrote my personal website from scratch in Gatsby, which in combination with MDX allows for reactive components within a blog post. This blog post is the result of some experimenting with React components.

The page was built by first scraping the Sporthive API with Python, the code for which can be found in this github repository. That results in a .json file that can be read by this page and turned into reactive components. The source code for this blog post can also be found on github.