Frontend de mapa com dados fornecidos em Json

Ver arquivo PDF com a documentação anexada. Neste projeto Workana, deverá ser desenvolvida APENAS a parte que consta nas páginas 2, 3 e 4 da documentação, que seria:

Mapa interativo em Javascript, carregado com informações (cidades-satélite, empresas e investimentos) das principais cidades no mundo, usando dados fornecidos em JSON.

Deve haver função de aumentar ou reduzir o zoom – usando o scroll do mouse ou botões de zoom no canto da tela – e de arrastar o mapa para todos os lados clicando e segurando o botão esquerdo do mouse. O mapa começa com várias cidades agrupadas em um ‘pin’ ou bolha, somando a quantidade de empresas. O tamanho das bolhas é definido pelo número de empresas e a cor indica o volume de investimentos (quanto mais escuro, maior o valor).
A escala de tamanho e cores mínimos e máximos deve ser variável, refletindo a escala dos dados em JSON. À Medida que o usuário aplica zoom, as bolhas devem se dividir, até chegar a mostrar apenas uma bolha para cada cidade representada no JSON. Quando o usuário passa o mouse em cima da bolha de uma cidade, deve aparecer um tooltip com o nome da cidade, número de cidades-satélite, valor de faturamento e investimentos.


Você pode sugerir alterações no formato JSON que facilitem o desenvolvimento do frontend. Você também poderá sugerir a biblioteca Javascript que julgar mais adequada para o projeto (caso proponha uma biblioteca paga, será revista a questão financeira).

Para teste e aprovação do trabalho, deve ser construída uma página com formulário simples (apenas um campo tipo textarea), onde será postado o JSON e em seguida será carregado pelo mapa. Para o desenvolvimento, serão fornecidos alguns exemplos em JSON com dados fictícios.