geekplux

Watch a web page's decade in 15 seconds. Paste a URL and Pagelapse pulls the page's captures from the Internet Archive, keeps the ones where something meaningful changed, and lays them out as a time-lapse. Drag a divider between the looks before and after each change, play a sample's years back, and read which words changed, with a one-line summary per change.

The first view deals the captures of a built-in sample (the Wikipedia article about the Internet Archive, 2014 to 2026), and the samples work offline with no key.

Limits, honestly: it only sees what the archive captured, and at most 16 captures per page, so it can miss edits between captures. Archived copies sometimes lack styles, and the pane says so.

Demo: https://pagelapse.geekplux.com, code (MIT): https://github.com/geekplux/pagelapse

Looks really cool, gave a star!

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.

So excited to share a markdown-it plugin which let you generate a visualization chart using several lines code.

- The project homepage: https://markvis.js.org/ - You can have a try online: https://markvis-editor.js.org/ - Source code: https://github.com/geekplux/markvis

## Motivation

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.

Thanks reminder, this is my first time to submit, so I don't know what's the best practice.

So excited to share a markdown-it plugin which let you generate a visualization chart using several lines code.

The project homepage: https://markvis.js.org/ You can have a try online: https://markvis-editor.js.org/ Source code: https://github.com/geekplux/markvis

Motivation

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.