Download FREE Source code SVG Word-Made Map: Great Britain

Second map of the collection of SVG Textual maps we are releasing every month. This one is for Great Britain: England, Wales and Scotland.

Interactive SVG Maps of Great Britain

  • Two different maps: One for the administrative capitals; Another for the most important cities
  • Pretty straightforward to customize: Change the color ranges, the hover colors and the highlighted-cities’ color. No Javascript used.
  • Easy to include in your website as html+svg+css that can be copypasted in your page or in your wordpress site.
  • Easy to export to an image file in case you want to include it in your brochures, presentations…
  • Specially useful for students, companies, business people and anyone who needs to point out cities in Great Britain for their purposes
  • Visually attractive so it gives a new and modern look wherever you place it. Keep your audience’s eyes open!

Customization

There are several parts to be customized

  • Two different maps lets the user choose between the one that fits his/her needs better, depending on his/her interest on capitals or cities (the most populated in Great Britain appear there)
  • Color presets easy to change, or you can add a new color preset
  • Change a city color into a new one
  • Change the highlighted/unhighlighted condition of a city
  • Background color
  • Interaction color
  • Highlight color
  • Add other features present in the SVG Word-Made of Spain, like the 3D visualization

Tested

The maps works great in major browsers such as Google Chrome, Opera, Firefox, Safari and Internet Explorer

Since it’s made with SVG, it scales to look nice in smartphones and tablets

Manual included

Through the guide included you can know how to customize the map, change colors or highlight conditions, use 3D features, include the map in your site, export the map into an image file…we will give you all the support you need.

Demo included

We included a demo with a new color preset and an example of a possible usage: we highlighted all the cities with a football team playing in the Premier League and added a cool effect to show its shield or emblem on hover. Check the screenshots

DOWNLOAD NOW

Download FREE Source code Interactive Map of North America

Interactive Map of North America – Clickable Countries / Pins

This is an interactive resizable vector map template built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics (
SVG).

Features:

  • Easily customized and NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • The map has 16 clickable countries and you can put unlimited number of clickable push pins anywhere on the map.
  • The map can be used as interactive map of North America or a blank map with clickable pins or both (countries and pins) as in the demo.
  • Each country or pin can be linked to any webpage.
  • Each country or pin can be activated/deactivated.
  • Each pin can be customized individually (shape, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • The map is 100% hand drawn dot by dot in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).


Looking for Interactive Map of North America – Detailed?

Other interesting Items

Interactive World Maps



Interactive Continent Maps







Interactive US Maps




Interactive Country Maps

















Individual US State Maps by Counties
















DOWNLOAD NOW

Download FREE Source code Interactive Map of Europe

Interactive Map of Europe – Clickable Countries / Pins

This is an interactive resizable vector map template built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics (
SVG).

Features:

  • Easily customized and NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • The map has 42 clickable countries and you can put unlimited number of clickable push pins anywhere on the map.
  • The map can be used as interactive map of European countries or a blank map with clickable pins or both (countries and pins) as in the demo.
  • Each country or pin can be linked to any webpage.
  • Each country or pin can be activated/deactivated.
  • Each pin can be customized individually (shape, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • The map is 100% hand drawn dot by dot in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).

Other interesting Items

Interactive World Maps



Interactive Continent Maps







Interactive US Maps




Interactive Country Maps

















Individual US State Maps by Counties
















DOWNLOAD NOW

Download FREE Source code Interactive Map of Asia

Interactive Map of Asia

This is an interactive resizable vector map template built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics (
SVG).

Features:

  • Easily customized and NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • The map has 52 clickable countries and you can put unlimited number of clickable push pins anywhere on the map.
  • The map can be used as interactive map of Asian countries or a blank map with clickable pins or both (countries and pins) as in the demo.
  • Each country or pin can be linked to any webpage.
  • Each country or pin can be activated/deactivated.
  • Each pin can be customized individually (shape, size, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • The map is 100% hand drawn dot by dot in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).

Other interesting Items

Interactive World Maps



Interactive Continent Maps







Interactive US Maps




Interactive Country Maps

















Individual US State Maps by Counties
















DOWNLOAD NOW

Download FREE Source code Interactive Map of South America

Interactive Map of South America

This is an interactive resizable vector map template built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics (
SVG).

Features:

  • Easily customized and NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • The map has 13 clickable countries and you can put unlimited number of clickable push pins anywhere on the map.
  • The map can be used as interactive map of South American countries or a blank map with clickable pins or both (countries and pins) as in the demo.
  • Each country or pin can be linked to any webpage.
  • Each country or pin can be activated/deactivated.
  • Each pin can be customized individually (shape, size, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • The map is 100% hand drawn dot by dot in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).

Other interesting Items

Interactive World Maps



Interactive Continent Maps







Interactive US Maps




Interactive Country Maps

















Individual US State Maps by Counties
















DOWNLOAD NOW

Download FREE Source code Interactive Map of Africa

Interactive Map of Africa

This is an interactive resizable vector map template built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics (
SVG).

Features:

  • Easily customized and NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • The map has 54 clickable countries and you can put unlimited number of clickable push pins anywhere on the map.
  • The map can be used as interactive map of African countries or a blank map with clickable pins or both (countries and pins) as in the demo.
  • Each country or pin can be linked to any webpage.
  • Each country or pin can be activated/deactivated.
  • Each pin can be customized individually (shape, size, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • The map is 100% hand drawn dot by dot in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).

Other interesting Items

Interactive World Maps



Interactive Continent Maps







Interactive US Maps




Interactive Country Maps

















Individual US State Maps by Counties
















DOWNLOAD NOW

Download FREE Source code Interactive Map of Romania

Interactive Map of Romania – HTML5

This is an interactive resizable vector map template of Romania built in HTML5 code and runs with javascript based on Scalable Vector Graphics (SVG).

Features:

  • Easily customized and NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • The map has 41 clickable counties and you can put unlimited number of clickable push pins anywhere on the map.
  • The map can be used as interactive county map of Romania or a blank map with clickable pins or both (counties and pins) as in the demo.
  • Each county or pin can be linked to any webpage.
  • Each county or pin can be activated/deactivated.
  • Each pin can be customized individually (shape, size, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • The map is 100% hand drawn dot by dot in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).

Other interesting Items

Interactive World Maps



Interactive Continent Maps







Interactive US Maps




Interactive Country Maps

















Individual US State Maps by Counties
















DOWNLOAD NOW

Download FREE Source code Interactive Map of Turkey

Interactive Map of Turkey – HTML5

This is an interactive resizable vector map template of Turkey built in HTML5 code and runs with javascript based on Scalable Vector Graphics (SVG).

Features:

  • Easily customized and NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • The map has 14 clickable regions and you can put unlimited number of clickable push pins anywhere on the map.
  • The map can be used as interactive regional map of Turkey or a blank map with clickable pins or both (regions and pins) as in the demo.
  • Each region or pin can be linked to any webpage.
  • Each region or pin can be activated/deactivated.
  • Each pin can be customized individually (shape, size, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • The map is 100% hand drawn dot by dot in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).

Other interesting Items

Interactive World Maps



Interactive Continent Maps







Interactive US Maps




Interactive Country Maps

















Individual US State Maps by Counties
















DOWNLOAD NOW

Download FREE Source code Interactive Map of India

Interactive Map of India – HTML5

This is an interactive resizable vector map template of India built in HTML5 code and runs with javascript based on Scalable Vector Graphics (SVG).

Features:

  • Easily customized and NO Javascript knowledge required.
  • SVG (Scalable Vector Graphics) based, so it can be enlarged as much as you want while preserving the quality.
  • Works perfectly on desktop along with mobile devices including Smartphones: iPhone, iPad, Tablets, etc.
  • Responsive and fully resizable.
  • The map has 29 clickable states and 7 union territories and you can put unlimited number of clickable push pins anywhere on the map.
  • The map can be used as interactive state map of India or a blank map with clickable pins or both (states and pins) as in the demo.
  • Each state or pin can be linked to any webpage.
  • Each state or pin can be activated/deactivated.
  • Each pin can be customized individually (shape, size, position, colors, hover content, URL, etc).
  • Easily customized through simple JavaScript files ( NO Javascript knowledge required ).
  • Not a WordPress plugin but can be integrated in WordPress website using HTML Snippets plugin. A step by step installation guide is included in the documentation files.
  • The map is 100% hand drawn dot by dot in Adobe Illustrator for highest quality and best optimization.
    Note: We can customize the map for your own needs (private work).
  • Small file size > Faster load speed > Better for SEO and Google ranking.
  • Compatible with all major browsers including Google Chrome, Firefox, IE9+, Safari and Opera.
  • Full documentation is included. and an interactive X, Y coordinates guide is included (Similar to this).

Other interesting Items

Interactive World Maps



Interactive Continent Maps







Interactive US Maps




Interactive Country Maps

















Individual US State Maps by Counties































DOWNLOAD NOW

Download FREE Source code HTML5 Dashboard Designer for the Cloud (Mapbox, D3.js, Highcharts, Leaflet.js, DataTables.js)

NEW IN VERSION1.3 – ADDED MAPBOX MAPS CAROUSEL
Drag and drop Mapbox maps, with Font Awesome icon markers or custom image markers or heatmaps, onto your dashboard, in a variety of Mapbox styles including: Streets, Satellite, Satellite Streets, Wheatpaste, Streets Basic, Dark, Comic, Outdoors, Run-Bike-Hike, Pencil, Pirates, Emerald, High Contrast. Check out how easy it is to create a dashboard with Mapbox maps in the “New in v1.3” tab!

NEW IN VERSION 1.2 – ADDED D3.JS CHART CAROUSEL
Drag and drop any of the the following popular D3.js charts/diagrams onto your dashboard- Cluster Force Layout (Bubbles), Force Graph Layout, Sticky Force Bubbles, Fancy Grouping Bubbles (Valandingham Bubbles), Calendar View (Horizontal), Calendar View (Vertical), Chord View, Code Flower, Collapsible Radial Tree, Collapsible Tree, Heirarchal Edge Bundling, Parallel Dimensions, Starburst, Treemap, Word Cloud, Zoomable Circle Packing. Create dashboards mixing matching D3.js, all other chart types available in this script. Check it out!

WHAT IS HTML5 DASHBOARD DESIGNER FOR THE CLOUD?
HTML5 Dashboard Designer for the Cloud, provides an easy to use, drag and drop user interface that allows non-programmers (and programmers alike) to build sophisticated dashboards (think dashboards you see in your favorite sci fi/action hero/spy movies) in minutes leveraging an extensible collection of popular Javascript and jQuery data visualization plug-ins. The script currently supports Mapbox, d3js, Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js but will support many many more in the future.

This dashboard designer uses standard (non-proprietary) HTML5/jQuery/Javascript to create a very light, easy to share dashboard. Dashboards can be previewed, shared and saved, jsfiddle-style (on the cloud thru automatically generated URL links). The script also includes a code generator that generates standalone scripts (4 different flavors – HTML5 Only, HTML/jQuery, URL string, Silent Form Post) to render the dashboard you created. Chart data can be loaded from a file in a folder where you have this script installed or typed directly into the chart’s settings panel. Finally, full source code is available with every script purchase for you to customize, extend and incorporate into your own software.

Today’s “leading” data visualization tools are expensive, thick/heavy, closed/proprietary(e.g. source code not available) software products that produce average dashboards from a limited/closed selection of chart types and data visualizations (for list of current market leaders, see – 2015 Magic Quadrant for Business Intelligence and Analysis Tools).

In the meantime, open source Javascript and jQuery community software development has produced an exponentially growing catalog of innovative, next generation data visualization plugins/scripts (Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js, d3js, Mapbox etc.) that when assembled (using this new dashboard designer) into ultra-light data visualization web page using standard HTML5, jQuery and Javascript, produces sophisticated dashboards that provide the next generation data visualiation solution from the “leading tools” of today.

KEY FEATURES

  • Create dashboards of any size form factor – any width by any height. Default is 5000×5000 pixels.
  • Extensible rotating carousel “palette of JS/jQuery charts” including Mapbox, d3js, Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js. Many, many more to come including: Mapbox, eCharts, etc. available soon!
  • Easy to use drag and drop dashboard designer user interface to create beautiful interactive dashboards in minutes. No coding necesarry! (see How to Videos)
  • Settings panel for “no coding” chart customization – setting itles, text font, text size, chart background, series colors, etc
  • DB agnostic data sources – Hand enter data or load data from a JSON file on your server.
  • jsFiddle style saving/sharing – Ability to preview, share and save your dashboard on the cloud using auto generated URLs (* these features require PHP/MySQL webserver).
  • Code Generator – auto generates code to render your dashboard in a standalone script. Different flavor scripts including: HTML5 Only, HTML5/jQuery, URL string (GET), Silent Form (POST)
  • Theming capability. Change color scheme, fonts, background of dashboard by changing a single theme setting.
  • Full source code available with every script purchase(< 10k lines) for you to extend, customize and incorporate into your own software.


SYSTEM REQUIREMENTS

  • Any browser that supports HTML5/Javascript, jQuery (2.1.4). Tested with Chrome Version 49.0.2623.110 (64-bit), Safari Version 5.1.7 (7534.57.2), Internet Explorer 11.0.9600.18230, Firefox 5.0.2
  • A PHP/MySQL supported webserver is required for jsfiddle features (preview, share, save) and render script options #3 and #4 – click here for phpinfo for PHP/MySQL versions and configuration options of the server serving up the demo. IMPORTANT: make sure to compare with phpinfo of your installation. Many PHP/MySQL errors stem from configuration options of customer php server instances.
  • This script uses hosted libraries for Highsoft (code.highcharts.com, etc) and no installation required. It does require you to procure the appropriate Highsoft (Highcharts, Highmaps, Highstock) license based on your use. Click here for details.
  • See ‘Installing this Script’ How To Video above for a demo of installation.


HOW TO VIDEO LIBRARY


VERSION HISTORY

  • VERSION 1.0 (4/15/2016) – Initial Launch Version
    • Create dashboards for any size form factor – create dashboard of any width and any height.
    • Extensible rotating “palette of JS/jQuery charts” including Highcharts, Highmaps, Highstock, Leaflet.js, Datatables.js. Many, many more to come including , d3js, Mapbox available next release.
    • Initial launch version includes the following charts you can build dashboards with:
    • Easy to use drag and drop dashboard designer user interface to create beautiful interactive dashboards in minutes. No coding necesarry! (see How to Videos)
    • Settings panel for “no coding” chart customization – setting itles, text font, text size, chart background, series colors, etc
    • DB agnostic data sources – Hand enter data or load data from a JSON file on your server
    • jsFiddle style saving/sharing – Ability to preview, share and save your dashboard on the cloud using auto generated URLs (* these features require PHP/MySQL webserver).
    • Code Generator – auto generates code to render your dashboard in a standalone script. Different flavor scripts including: HTML5 Only, HTML5/jQuery, URL string (GET), Silent Form (POST)
    • Theming capability. Change color scheme, fonts, background of dashboard by changing a single theme setting.
    • Full source code made available with every script purchase(< 10k lines) for you to extend, customize and incorporate into your own software.
  • VERSION 1.2 (7/15/2016) – 2nd release
    • d3js New carousel of D3.js charts
    • Includes the following D3 charts/diagrams
  • VERSION 1.3 (8/15/2016) – 3rd release
    • Mapbox carousel of charts- includes
  • VERSION 1.4 (realease date TBD) – backlog
    • Layout carousel
    • Live tile carousel
    • More Highmaps (international)
    • More Leaflet js maps
    • Horizontal/Vertical carousel widgets
    • eCharts carousel of charts
    • Responsive Dashboards support using Bootstrap

My Other Scripts at Codecanyon:


(BRAND NEW!!!) PHP Uber-style GeoTracker


PHP Dashboard v4.0 Collaborative Social Dashboards


PHP Dashboard v2.7 – Responsive Carousels/D3js/Highcharts/Highmaps/MySQL


PHP Dashboard v3.0 – For Mobile Devices


HTML5 Cloud Dashboard Designer


HTML5 Streetmaps


PHP Streetmaps

OTHER LINKS

DOWNLOAD NOW