What is the best way to make a dynamic map?

Question

css

Good day!
There was an idea to make a map with dynamically changing borders, for example, when dragging the slider that displays the timeline, the borders of countries on the map change smoothly. Can you please tell me the best way to do this?

Answer 1

I think it's clearly svg or canvas. I would take any library for morth-ing svg (path transformation animation) and store these paths in json substituting when moving the slider.
There are a lot of such libraries:
https://yandex.ru/search/?text=svg%20morph&clid=22...
If only for this task, I would choose:
alexk111.github.io/SVG-Morpheus
it is small and easy to learn . d3js - as suggested by Stalker_RED will also work, but it's too heavy and complex solution for this task (500kb vs 22kb). It makes sense if, in addition to this, other possibilities will be used.

Answer 2

svg.
In its pure form it will be difficult, you should take a library like d3js