Creating custom, fictional maps with D3.js

I'm kicking the idea of ​​a side project, and I'm looking for advice in which direction to go on technology. I already did some research, but I'm still pretty confused about the realistic options.

I would like to make an interactive map based on a fictional world (I think in Middle Earth), including a timeline filter and a section of information for additional information about the event or location.

Required Features:

  • map on the left
  • details pane on the right.
  • timeline slider / filter below
  • Territories
    • color for political affiliation
    • displays details in the details pane
    • stickers
  • city ​​tags

Barriers:

  • Get a clean map image for working with
  • Display image in intermediate format (svg, geojson, topojson?)
  • -, , ..

  • SVG
    • , SVG, . SVG- GIMP, SVG .
    • , , , , .
  • Kartograph
  • D3.js
    • , ( ), topojson , . , , - , GeoJson. , , , /.

, ! , , topojson, D3.js. , , D3.

?

+4
1

, , . Arda. , .

/ :

  • QGIS
  • JQuery
  • D3.js
  • GeoJSON/TopoJSON
  • TimeGlider
+1

All Articles