I recently saw that one could use MDX to import and display react components in Gatsby markdown pages.

So I decided to try it out.

Below is a component that simulates Schelling's segregation model.

The code for the component can be found on my github.