Raven - Mapa Avançado de Ameaças Cibernéticas (Simplificado, personalizável e responsivo. Utiliza D3.js com TOPO JSON, possui 247 países, ~100.000 cidades e pode ser usado em ambiente isolado sem consultas externas!

Estrutura

Offline - Demonstração [Firefox, Chrome ou Safari]

Live - Regressão de 500 ataques de uma vez [Firefox, Chrome ou Safari]

Live - Demonstração [Firefox, Chrome ou Safari]

https://qeeqbox.github.io/raven/

Funcionalidades

Usa D3.js (não Anime.js)
Plotagem por recurso de adivinhação (nome misto, IP ou coordenadas)
Mapa de ameaças ativo (ao vivo e replay)
Informações de IP, país, cidade e porta para cada ataque
Estatísticas de ataques por país (apenas ataques conhecidos)
Interface responsiva (mover, arrastar, ampliar e reduzir)
Opções de personalização para países e cidades
247 países listados na interface (não 174)
Mapa-múndi otimizado para renderização mais rápida
Inclui consulta de IP, informações de porta
Simulação aleatória (IP, país, cidade)
Pode ser usado online ou offline (estático)
Módulo seletor de tema
Lida com um grande número de ataques

Dados

Você tem diferentes opções: ip, name e coordinates

ip IP privado ou público -> qualquer um desses IPs -> 0.0.0.0 ou 8.8.8.8 como {'from':'0.0.0.0','to':'8.8.8.8'}
name cidade,estado,país -> qualquer um desses formatos funciona -> seattle,wa,us ou 0,us como {'from':'seattle,wa,us','to':'0,in'}
coordinates Latitude e Longitude como {'from':'-11.074920','-51.648929'],'to':'51.464957','-107.583864'}

Método 1 - Incorporar e interagir

  //Você só precisa incorporar este iframe no seu projeto.
  

  //Depois, execute o script de inicialização com suas configurações personalizadas - Isso é tudo!
  <script type="text/javascript">

    document.getElementById('raven-iframe').addEventListener("load", function() {

      var raven_options = {
        'world_type': null,
        'selected_countries': [],
        'remove_countries': ['aq'],
        'height': window.innerHeight,
        'width': window.innerWidth,
        'backup_background_color': '#212222',
        'orginal_country_color': '#737373',
        'clicked_country_color': '#6c4242',
        'selected_country_color': '#ff726f',
        'attack_output': true,
        'global_timeout': 2000,
        'global_stats_limit': 10,
        'db_length': 1000,
        'location': 'scripts',
        'panels': ['multi-output', 'single-output','tooltip', 'random', 'insert','taskbar'],
        'disable': [],
        'verbose': true
      }

      window['raven'] = document.getElementById('raven-iframe').contentWindow.raven
      window['raven'].init_all(raven_options)
      window['raven'].init_world()
    });

    //Depois disso, você pode plotar quaisquer dados que desejar
    raven.add_to_data_to_table({'from':'seattle,wa,us','to':'delhi,in'},{'line':{'from':null,'to':null}},2000,['line','multi-output','single-output'])

  </script>

Plotando dados (funções)

raven.add_marker_by_gussing()       //Plota informações por nome do país/cidade, IP ou coordenadas

marker_object                       //Um objeto {'from':'','to':""} veja exemplos
colors_object                       //Um objeto {'line: {'from': ''#FF0000','to': 'FF0000'}} esta é a cor da linha entre 2 pontos - (se null, uma cor aleatória será escolhida)
timeout                             //Tempo limite da animação
options = []                        //Uma lista de opções, como marcador de animação

Plotando dados (Como linha, de -> para)

raven.add_marker_by_gussing({'from':'seattle,wa,us','to':'8.8.8.8'},{'line':{'from':null,'to':null}},2000,['line'])
raven.add_marker_by_gussing({'from':'-11.074920,-51.648929','to':'0.0.0.0:53'},{'line':{'from':'#FF0000','to':'#FF0000'}},1000,['line'])
raven.add_marker_by_gussing({'from':'-11.074920,-51.648929','to':'us'},{'line':{'from':null,'to':'#FFFF00'}},1000,['line'])

Plotando dados (Como ponto)

raven.add_marker_by_gussing({'from':'portland,or,us','to':null},{'line':{'from':null,'to':null}},2000,['point'])
raven.add_marker_by_gussing({'from':'8.8.8.8','to':null},{'line':{'from':'#FF0000','to':'#FF0000'}},1000,['point'])
raven.add_marker_by_gussing({'from':'-11.074920,-51.648929','to':null},{'line':{'from':null,'to':'#FFFF00'}},1000,['point'])

Plotando dados + adicionando à tabela de saída (função)

raven.add_to_data_to_table()        //Plota informações e as adiciona à tabela de saída

method                              //Nome, IP ou coordenadas
marker_object                       //Um objeto {'from':'','to':""} veja exemplos
colors_object                       //Um objeto {'line: {'from': ''#FF0000','to': 'FF0000'}} esta é a cor da linha entre 2 pontos - (se null, uma cor aleatória será escolhida)
timeout                             //Tempo limite da animação
options = []                        //Uma lista de opções, como marcador de animação 'line', e local de plotagem 'multi-output' ou 'single-output' (tabela) ou ambos

Plotando dados + adicionando à tabela de saída (Como linha, de -> para)

raven.add_to_data_to_table({'from':'8.8.8.8','to':'delhi,in'},{'line':{'from':null,'to':null}},2000,['line','multi-output','single-output'])
raven.add_to_data_to_table({'from':'-11.074920,-51.648929','to':'0.0.0.0:3389'},{'line':{'from':'#FF0000','to':'#FF0000'}},1000,['line','multi-output'])
raven.add_to_data_to_table({'from':'br','to':'51.464957,-107.583864'},{'line':{'from':null,'to':'#FFFF00'}},1000,['line','single-output'])

Plotando dados + adicionando à tabela de saída (Como ponto)

raven.add_to_data_to_table({'from':'seattle,wa,us','to':null},{'line':{'from':null,'to':null}},2000,['line','multi-output','single-output'])
raven.add_to_data_to_table({'from':'0.0.0.0','to':null},{'line':{'from':'#FF0000','to':'#FF0000'}},1000,['line','multi-output'])
raven.add_to_data_to_table({'from':'-11.074920,-51.648929','to':null},{'line':{'from':null,'to':'#FFFF00'}},1000,['line','single-output'])

Método 2 - Incorporar e usar websocket para plotagem

Mapa Raven

  //Você só precisa incorporar este iframe no seu projeto.
  

  <script type="text/javascript">

    document.getElementById('raven-iframe').addEventListener("load", function() {

      var raven_options = {
        'world_type': null,
        'selected_countries': [],
        'remove_countries': ['aq'],
        'height': window.innerHeight,
        'width': window.innerWidth,
        'backup_background_color': '#212222',
        'orginal_country_color': '#737373',
        'clicked_country_color': '#6c4242',
        'selected_country_color': '#ff726f',
        'attack_output': true,
        'global_timeout': 2000,
        'global_stats_limit': 10,
        'db_length': 1000,
        'location': 'scripts',
        'panels': ['single-output'],
        'disable': ['multi-output','tooltip', 'random', 'insert','taskbar','move_to_country'],
        'websocket':{'server':'ws://localhost:5678',
                      'request_timeout':3000},
        'verbose': false
      }

      window['raven'] = document.getElementById('raven-iframe').contentWindow.raven
      window['raven'].init_all(raven_options)
      window['raven'].init_world()
      window['raven'].fetch_data_from_server()
    });
  </script>

Plotando dados - Envie o objeto JSON usando Websocket ws://localhost:5678

    {
    "function":"marker",
      "method": "ip",
      "object": {
        "from": "0.0.0.0",
        "to": "us"
      },
      "color": {
        "line": {
          "from": "#977777",
          "to": "#17777",
        }
      },
      "timeout": 1000,
      "options": [
        "line",
        "single-output",
        "multi-output"
      ]
    }

Plotando dados e adicionando à tabela - Envie o objeto JSON usando Websocket ws://localhost:5678

    {
    "function":"table",
      "object": {
        "from": "-11.074920,-51.648929",
        "to": "br"
      },
      "color": {
        "line": {
          "from": "#977777",
          "to": "#17777",
        }
      },
      "timeout": 1000,
      "options": [
        "line",
        "single-output",
        "multi-output"
      ]
    }

Executar simulação (Isolado)

sudo docker build -t simulation . && sudo docker run -p 5678:5678 -p 8080:8080 -it simulation

Depois, vá para http://localhost:8080/simulation.html

Recursos

Wikipedia, naturalearthdata, d3.js, topojson, jquery, font-awesome, pacote OSINT, iana, geonames, AFRINIC, APNIC, ARIN, LACNIC e RIPE
Avise-me se eu perdi alguma referência ou recurso!

Aviso\Notas

O estilo cinza escuro é típico nos meus projetos (Você pode mudar isso se quiser)
Se precisar de ajuda para melhorar seu mapa-múndi ou mapa de ameaças cibernéticas, entre em contato, e posso ajudar!

raven

Mais Populares