topojson

I'm trying to add a tooltip showing the name of districts when you hover over it in the map in d3.js. The input is a topojson file and I've been able to successfully generate the map with district boundaries and highlight the currently selected district. For the tooltip I tried doing something similar to this , but nothing happens at all. The code I've used is given below. The tooltip code is towards the end. var width = 960, height = 600; var projection = d3.geo.albers() .center([87, 28]) .rotate([-85, 0]) .parallels([27, 32]); var path = d3.geo.path() .projection(projection); var svg = d3

I am rendering two maps in my web page and I'm using d3 to do it. One is a world map with all the countries' borders represented. The file I'm using is a version of this: https://raw.github.com/mbostock/topojson/master/examples/world-110m.json The second map is of US states. All I need are state borders (not counties). I am using a modified version of this file: http://bl.ocks.org/mbostock/raw/4090846/us.json I've modified both files to include the name and two letter state or country code) which I use for tooltips. The world-110m.json file is about 100kb. the states.json file is well over

I'm trying to make a Choropleth with d3.js but I got stucked just at the beginning. I found a Shapefile and generated GeoJSON and TopoJson files from it just like here . The map uses Albers-Siberia projection. What I found about this projection: Projection: Albers Equal-Area Conic Units: Meters Spheroid: Krasovsky Central meridian: 105 Standard Parallel 1: 52 Standard Parallel 2: 64 Reference Latitude: 0 False Easting: 18500000 False Northing: 0 PROJ.4: +proj=aea +lat_1=52 +lat_2=64 +lat_0=0 +lon_0=105 +x_0=18500000 +y_0=0 +ellps=krass +units=m +towgs84=28,-130,-95,0,0,0,0 +no_defs MapInfo:

I'm using the 1:50m Cultural Vectors shape file from naturalearthdata.com . I use ogr2ogr to create a geoJson file with the following command: ogr2ogr -f GeoJSON geo_world_50m.json ne_50m_admin_0_countries.shp I then create a topoJson file with this command: topojson --id-property iso_n3 -p name=admin -p name -p iso_a3=iso_a3 -p iso_a3 -o topo_world_50m.json geo_world_50m.json Once I have my topoJson file, I load it in to Leaflet: $.getJSON('topo_world_50m.json', function (data) { var country_geojson = topojson.feature(data, data.objects.geo_world_50m); country_layer.addData(country_geojson);