Interactive chart for SuttaCentral.net using SuttaCentral Repo Data, D3.js and OpenLayers.
The code for the graph is on Observable
License : CC0 Public Domain
The final distis in gh-page branch
To see the result : https://www.dhammacharts.org/suttapitaka-chart/
This app was built using OpenLayers + Vite. See getting started exemple
- Use circle instead of marker
- This might improve the click area
- Add translation for popup
- Need the suttaplex API to incorporate the translation title in the JSON
- See https://discourse.suttacentral.net/t/api-documentation-question/24410/3 it looks like https://suttacentral.net/api/suttaplex/mn1?language=fr gives the translated title ;-)
- Unfortunately, very few titles are available in translation and the nodes are not translated.
- Dark mode
- create Hi-res Tiles for iPhone and co.
- Info popup to say : ctrl/cmd + drag to rotate
- FullScreen button
- Previous button
- Credit for dhammacharts.org