Нужно средство визуализации карты, которое относится к таким странам, как бары на гистограмме

Question

Я искал в Интернете пакет, который может создать просто глобальную карту. Есть несколько, которые я искал, webgl globe, kartograph, cartodb, R и т. Д.

Ни у кого из них нет то, что я ищу.

Я ищу: Я хочу, чтобы карта земного шара, которая имеет два цвета для каждой страны. будет цвет фона, затем второй цвет будет заполняться снизу на x процентов на основе ввода. Например, если бы я создал карту владельцев оружия в процентах по карте США, цвет фона был бы кремом, а второй цвет заполнил бы карту 55%, которая представляет количество владельцев оружия.

Таким образом, в основном, второй цвет на карте будет действовать как гистограмма, которая заполняет цвет страны по отношению к стране/области.

Пожалуйста, дайте мне знать, если какая-либо библиотека .js или какие инструменты могут это сделать.

Answer 1

Просто возьмите с собой SVG map и измените вашу страну на mask с помощью двух rects. Сделайте остальные с помощью простой петли и svgTopOfTwoElements.style.setProperty("height", heightPercentage, ""). Просто выполните поиск google для начала работы с SVG из javascript (это практически то же самое, что и работа с элементами HTML). Единственная возможная проблема заключается в том, что 17% of the users don't support SVG (IE8-), но для удобства использования вы получаете взамен я считаю, что это приемлемая цена.