Gecko [ thecigaretteboxes.com ]

Name	Size	Permission
apexchart	[ DIR ]	drwxr-xr-x
bookmark	[ DIR ]	drwxr-xr-x
chartist	[ DIR ]	drwxr-xr-x
chartjs	[ DIR ]	drwxr-xr-x
choices.js	[ DIR ]	drwxr-xr-x
clipboard	[ DIR ]	drwxr-xr-x
contacts	[ DIR ]	drwxr-xr-x
counter	[ DIR ]	drwxr-xr-x
custom-card	[ DIR ]	drwxr-xr-x
dashboard	[ DIR ]	drwxr-xr-x
datatable	[ DIR ]	drwxr-xr-x
datepicker	[ DIR ]	drwxr-xr-x
dropzone	[ DIR ]	drwxr-xr-x
editor	[ DIR ]	drwxr-xr-x
emoji-js	[ DIR ]	drwxr-xr-x
filepond	[ DIR ]	drwxr-xr-x
form-wizard	[ DIR ]	drwxr-xr-x
fullcalendar	[ DIR ]	drwxr-xr-x
general-widget	[ DIR ]	drwxr-xr-x
icons	[ DIR ]	drwxr-xr-x
img-cropper	[ DIR ]	drwxr-xr-x
jkanban	[ DIR ]	drwxr-xr-x
jsgrid	[ DIR ]	drwxr-xr-x
landing	[ DIR ]	drwxr-xr-x
letter-box	[ DIR ]	drwxr-xr-x
masonry	[ DIR ]	drwxr-xr-x
modal	[ DIR ]	drwxr-xr-x
notify	[ DIR ]	drwxr-xr-x
photoswipe	[ DIR ]	drwxr-xr-x
pikaday	[ DIR ]	drwxr-xr-x
prism	[ DIR ]	drwxr-xr-x
product	[ DIR ]	drwxr-xr-x
rangeslider	[ DIR ]	drwxr-xr-x
rating	[ DIR ]	drwxr-xr-x
scrollable	[ DIR ]	drwxr-xr-x
scrollbar	[ DIR ]	drwxr-xr-x
select2	[ DIR ]	drwxr-xr-x
sweetalert	[ DIR ]	drwxr-xr-x
swiper	[ DIR ]	drwxr-xr-x
theme-customizer	[ DIR ]	drwxr-xr-x
timeline	[ DIR ]	drwxr-xr-x
tree	[ DIR ]	drwxr-xr-x
two-factor	[ DIR ]	drwxr-xr-x
vector-map	[ DIR ]	drwxr-xr-x
vendors	[ DIR ]	drwxr-xr-x
widget	[ DIR ]	drwxr-xr-x
alert.js	755 B	-rw-r--r--
aos-init.js	11 B	-rw-r--r--
common-chat.js	1.92 KB	-rw-r--r--
config.js	977 B	-rw-r--r--
countdown.js	706 B	-rw-r--r--
custom-flatpickr.js	2.13 KB	-rw-r--r--
custom-quill.js	522 B	-rw-r--r--
datamap-custom.js	6.04 KB	-rw-r--r--
draggable-custom.js	148 B	-rw-r--r--
form-validation-custom.js	628 B	-rw-r--r--
gallery-mixin.js	87 B	-rw-r--r--
height-equal.js	885 B	-rw-r--r--
md-sidebar.js	361 B	-rw-r--r--
modernizr.js	7.34 KB	-rw-r--r--
password.js	572 B	-rw-r--r--
popover-custom.js	293 B	-rw-r--r--
print.js	60 B	-rw-r--r--
script.js	5.08 KB	-rw-r--r--
sidebar.js	7.44 KB	-rw-r--r--
support-custom.js	107 B	-rw-r--r--
tooltip-custom.js	294 B	-rw-r--r--
tour-custom.js	151 B	-rw-r--r--
translate-custom.js	3.54 KB	-rw-r--r--
validation-modal.js	606 B	-rw-r--r--
wow-custom.js	187 B	-rw-r--r--

Code Editor : datamap-custom.js

//  Basic Map //
var basic = new Datamap({
    element: document.getElementById('map-1'),
    fills: {
        defaultFill: EdminAdminConfig.primary,
    },
  });
  
// Basic Choropleth //
var basic_choropleth = new Datamap({
    element: document.getElementById('basic_choropleth'),
    projection: 'mercator',
    fills: {
        defaultFill: EdminAdminConfig.secondary,
        authorHasTraveledTo: EdminAdminConfig.tertiary,
    },
    data: {
        USA: { fillKey: 'authorHasTraveledTo' },
        JPN: { fillKey: 'authorHasTraveledTo' },
        ITA: { fillKey: 'authorHasTraveledTo' },
        CRI: { fillKey: 'authorHasTraveledTo' },
        KOR: { fillKey: 'authorHasTraveledTo' },
        DEU: { fillKey: 'authorHasTraveledTo' },
    },
});

var colors = d3.scale.category10();

window.setInterval(function () {
basic_choropleth.updateChoropleth({
    USA: colors(Math.random() * 10),
    RUS: colors(Math.random() * 100),
    AUS: { fillKey: 'authorHasTraveledTo' },
    BRA: colors(Math.random() * 50),
    CAN: colors(Math.random() * 50),
    ZAF: colors(Math.random() * 50),
    IND: colors(Math.random() * 50),
});
}, 2000);

// Area Bubbles //
  var bubble_map = new Datamap({
    element: document.getElementById('bubbles'),
    geographyConfig: {
      popupOnHover: false,
      highlightOnHover: false,
    },
    fills: {
      defaultFill: EdminAdminConfig.info,
      USA:  EdminAdminConfig.warning,
      RUS:  EdminAdminConfig.secondary,
    },
  });
  bubble_map.bubbles(
    [
      {
        name: 'Not a bomb, but centered on Brazil',
        radius: 23,
        centered: 'BRA',
        country: 'USA',
        yeild: 0,
        fillKey: 'USA',
        date: '1954-03-01',
      },
      {
        name: 'Not a bomb',
        radius: 15,
        yeild: 0,
        country: 'USA',
        centered: 'USA',
        date: '1986-06-05',
        significance: 'Centered on US',
        fillKey: 'USA',
      },
      {
        name: 'Castle Bravo',
        radius: 25,
        yeild: 1500,
        country: 'USA',
        significance: 'First dry fusion fuel "staged" thermonuclear weapon; a serious nuclear fallout accident occurred',
        fillKey: 'USA',
        date: '1954-03-01',
        latitude: 11.415,
        longitude: 165.1619,
      },
      {
        name: 'Tsar Bomba',
        radius: 70,
        yeild: 500,
        country: 'USSR',
        fillKey: 'RUS',
        significance: 'Largest thermonuclear weapon ever testedâ€”scaled down from its initial 100 Mt design by 50%',
        date: '1961-10-31',
        latitude: 73.482,
        longitude: 54.5854,
      },
    ],
    {},
  );
  
  // Projection Map //
  var map = new Datamap({
    scope: 'world',
    element: document.getElementById('projection_map'),
    projection: 'orthographic',
    fills: {
      defaultFill: '#ABDDA4',
      gt50: colors(Math.random() * 20),
      eq50: colors(Math.random() * 20),
      lt25: colors(Math.random() * 10),
      gt75: colors(Math.random() * 200),
      lt50: colors(Math.random() * 20),
      eq0: colors(Math.random() * 1),
      pink: '#0fa0fa',
      gt500: colors(Math.random() * 1),
    },
    projectionConfig: {
      rotation: [97, -30],
    },
    data: {
      USA: { fillKey: 'lt50' },
      MEX: { fillKey: 'lt25' },
      CAN: { fillKey: 'gt50' },
      GTM: { fillKey: 'gt500' },
      HND: { fillKey: 'eq50' },
      BLZ: { fillKey: 'pink' },
      GRL: { fillKey: 'eq0' },
      CAN: { fillKey: 'gt50' },
    },
  });
  
  map.graticule();
  
  map.arc(
    [
      {
        origin: {
          latitude: 61,
          longitude: -149,
        },
        destination: {
          latitude: -22,
          longitude: -43,
        },
      },
    ],
    {
      greatArc: true,
      animationSpeed: 2000,
    },
  );
  
  // Con Fig  //
  var defaultOptions = {
    scope: 'world', //currently supports 'usa' and 'world', however with custom map data you can specify your own
    //returns a d3 path and projection functions
    projection: 'equirectangular', //style of projection to be used. try "mercator"
    height: null, //if not null, datamaps will grab the height of 'element'
    width: null, //if not null, datamaps will grab the width of 'element'
    responsive: true, //if true, call `resize()` on the map object when it should adjust it's size
    done: function () {}, //callback when the map is done drawing
    fills: {
      defaultFill: EdminAdminConfig.warning, //the keys in this object map to the "fillKey" of [data] or [bubbles]
    },
    dataType: 'json', //for use with dataUrl, currently 'json' or 'csv'. CSV should have an `id` column
    dataUrl: null, //if not null, datamaps will attempt to fetch this based on dataType ( default: json )
    geographyConfig: {
      dataUrl: null, //if not null, datamaps will fetch the map JSON (currently only supports topojson)
      hideAntarctica: true,
      borderWidth: 1,
      borderOpacity: 1,
      borderColor: 'var(--gray-60)',
      popupTemplate: function (geography, data) {
        //this function should just return a string
        return '<div class="hoverinfo"><strong>' + geography.properties.name + '</strong></div>';
      },
      popupOnHover: true, //disable the popup while hovering
      highlightOnHover: true,
      highlightFillColor: 'var(--gray-60)',
      highlightBorderColor: 'var(--gray-60)',
      highlightBorderWidth: 2,
      highlightBorderOpacity: 1,
    },
    bubblesConfig: {
      borderWidth: 2,
      borderOpacity: 1,
      borderColor: 'var(--gray-60)',
      popupOnHover: true,
      radius: null,
      popupTemplate: function (geography, data) {
        return '<div class="hoverinfo"><strong>' + data.name + '</strong></div>';
      },
      fillOpacity: 0.75,
      animate: true,
      highlightOnHover: true,
      highlightFillColor: 'var(--gray-60)',
      highlightBorderColor: 'var(--gray-60)',
      highlightBorderWidth: 2,
      highlightBorderOpacity: 1,
      highlightFillOpacity: 0.85,
      exitDelay: 100,
      key: JSON.stringify,
    },
    arcConfig: {
      strokeColor: 'var(--gray-60)',
      strokeWidth: 1,
      arcSharpness: 1,
      animationSpeed: 600,
    },
  };

${this.title}

Code Editor : datamap-custom.js