This page is completely static.
This means that you cannot really interact with the chart or the table.
Not that exciting but reaaaaly easy to set up.
The table was built with {gt} and the chart was created with {ggplot2}.
| Species | Penguin's Weight | |||
|---|---|---|---|---|
| Min | Mean | Max | Distribution | |
| Adelie | 2,850g | 3,706g | 4,775g |  |
| Chinstrap | 2,700g | 3,733g | 4,800g |  |
| Gentoo | 3,950g | 5,092g | 6,300g |  |
On this page, we have added an interactive chart. It will show you a tooltip as you hover over a point and fade out the points that do not belong to the species you’re currently hovering over. This means that you cannot really interact with the chart or the table.
All of that was made possible by adding elements from {ggiraph} to the previous plot.
The only thing one has to be careful with it the z-index of the tooltip.
It needs to be set higher than that of the cards (1000).
Otherwise the tooltip won’t be visible.
| Species | Penguin's Weight | |||
|---|---|---|---|---|
| Min | Mean | Max | Distribution | |
| Adelie | 2,850g | 3,706g | 4,775g | |
| Chinstrap | 2,700g | 3,733g | 4,800g | |
| Gentoo | 3,950g | 5,092g | 6,300g | |
On this page, we made the table interactive.
You can now click on the column headers to sort the table by that column.
This was made possible by the {reactable} package.
Also, the charts that are included are created via the {ggiraph} package as it allows to convert a static plot into a svg file that can be used in the {reactable} package.