Put all my experience with time range visualization into this project. https://github.com/geekplux/timeline-sankey Sankey Diagram is great for showing the relationships between each node. In addition to a lot of interactions, I also did responsive design and mobile adaptation. Welcome to play on the demo page https://timeline-sankey.vercel.app, all params are exposed.
We often publish articles enriched with data, since data make them more convincing and easy to interpret. Hence, techniques that enable the embedding of visualization into texts are of great importance.
However, the most frequently used method now is to export charts as images, upload them into cloud, and then paste them into the editor. It is a tedious process from the perspective of a writer. Besides, image loading costs much more time than that of DOM elements, which leads to poor experience from the perspective of a reader.
Very often we need to insert some data into our articles to make them more convincing, and since we are more sensible of information in charts than statistics, how to easily and conveniently embed a chart in an article is important. However, common method is to export a chart as an image, then upload it to an Image Hosting and get a url, finally paste the url to editor, which is a tedious process from writer's perspective. Also, it makes the image loading time become much longer than that of the DOM elements, which may be/is a bad experience from reader's perspective.
Present situation
The current version is made in my spare time, It provides you with three most-commonly-used charts: bar charts, line charts and pie charts. But you can use the API to customize the new chart layout which is easy for you who know about d3. Welcome any improvement to the current version and other charts you think useful.
