Questions tagged [d3]
D3.js is a small, open-source JavaScript visualization library for manipulating HTML and SVG documents based on data
117
questions
1
vote
0answers
30 views
Leaflet load CSV file [closed]
I want my CSV file load on the map, and catch my current location at the same time.
Now, I can't load CSV successfully.
This is my code:
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">...
0
votes
1answer
33 views
Replicating standard D3.js Conical US Albers projection in QGIS?
Oftentimes, when I see maps of the US rendered online, they use a custom version of the Albers projection, like so:
Alaska and Hawaii are off to the side, nicely arranged. I'd like to replicate this ...
0
votes
0answers
127 views
Custom SVG world map usable for react-simple-maps (topojson, d3-geo)?
A client has supplied a "custom" SVG containing a very detailed world map that includes id's for all countries. I'm not sure how "custom" it is.
Is it at all possible to convert it to topojson, which ...
0
votes
0answers
10 views
Moving Chart Title
I made a map(Histogram) in d3. Have everything working on the map, but I cant change the position of the chart's title. I want to have the title it in the middle of the chart frame or move it a bit up ...
0
votes
2answers
77 views
Mapbox GL JS - Trouble Loading Data to Create Layer
I am new to Mapbox GL JS and working with starter code from "Create a Time Slider" below:
https://docs.mapbox.com/mapbox-gl-js/example/timeline-animation/
To pull in the data, the code uses d3.json ...
0
votes
2answers
121 views
Zoom to points using d3SvgOverlay
I have an application where a csv file is filtered and the filtered data is displayed on a leaflet map. What I would like to happen is for the map to zoom in to the points. I have tried using ...
0
votes
1answer
61 views
Adjusting Alaska and Hawai in d3
I am quite new to d3 and I am trying to make a choropleth map of the US. But my point is how to adjust Alaska and Hawaii in the final map.
In the past I used to do this in Illustrator, but I am not ...
0
votes
0answers
42 views
Matching projections between a GeoTIFF and a shapefile
I'm trying to make a very simple map of North Korea using SRTM elevation data from EarthExplorer, which starts life as 1-second GeoTIFF tiles, and a basic border shapefile from NaturalEarth. ...
1
vote
1answer
155 views
Building choropleth map using D3.js? [closed]
I want to build a Choropleth map, from a specific region (in my case Portugal) with D3.JS and while searching for tutorials and support, I have found this website.
Following the procedure, I have ...
2
votes
1answer
368 views
Drawing a GeoJSON with D3js on OpenLayers 4
The goal is to interact with the DOM based on users input using JavaScript. I have now considered using D3js (v5) to draw the points. Without the base vector layers (loaded as a geojson) and ...
1
vote
0answers
295 views
Show tooltip on the D3 map
I've created a basic map using D3 with countries GeoJSON. Here is the demo.
Now when the user clicks on any coordinate on the map, I am showing a weather info within a tooltip with weather icon as a ...
1
vote
1answer
425 views
Choropleth map from voronoi map from a set of coordinates (d3+leaflet)
I have a csv file with a set of coordinates with the following structure:
id,name,latitude,longitude
(24 values).
Those 24 points represent coordinates in a city. I would like to get a voronoi map ...
1
vote
0answers
153 views
Making a choropleth in D3 by intersecting a MultiPolygon and a Point GeoJSON
I am trying to generate a choropleth map showing crimes per neighborhoods:
I have a layer showing the neighborhood boundaries of the city of San Francisco, and point data showing incidences of crime ...
0
votes
1answer
212 views
Difficulty rendering a multipolygon from a GeoJSON using JQuery
I'm pulling polygon data (neighborhood boundaries in San Francisco) from an API on https://data.sfgov.org/Geographic-Locations-and-Boundaries/SF-Find-Neighborhoods/pty2-tcw4/data. While I made sure on ...
2
votes
2answers
250 views
Natural earth tiles are not detailed enough
I am new to GIS, but I have been using the following set of tiles in some of my D3 applications:
.tiles.mapbox.com/v3/mapbox.natural-earth-2/
The issue with these tiles is that they are not too '...
0
votes
1answer
256 views
Project UTM Coordinates to three.js Coordinates With D3
I've been working on an application where I am building a 3d terrain, using three.js. The part I have working so far is building the 3d terrain mesh from standard 30m elevation data, and then draping ...
2
votes
1answer
464 views
D3 Map + TopoJSON (mapshaper) showing empty
Just started learn D3.js and TopoJSON. I had shapefile files and converted using mapshaper to TopoJSON, but when I tried on my local server my map showing empty page without any errors. I don't have ...
1
vote
0answers
185 views
How to make bar charts with values in a pop up windows in a web map using QGIS?
I'm an amateur of QGIS.
I've set up a map with a bar chart overlay. However, there are some charts overlaying each other. So I would like to create a map which when people click / however an area on ...
1
vote
0answers
225 views
Leaflet+D3 how to show multiple layers as plane with markers on it
I'm trying to draw map which looks similar to 3 Dimensional. It has 3 layers bottom most is base layer which is OSM map layer. 2 and 3 is svg layer. as shown in below diagram, I'm able to tilt/rotate ...
2
votes
1answer
177 views
D3 Projection outputs Map wrong
I made a map with qgis. Unfortunately when I want to render the map with d3 map renderer, it shows weird structures. The map is in "1:116'622'714" scale. Could this be a problem?
The website should ...
1
vote
0answers
377 views
d3.js rectangle feature plotted as arc in Mollweide projection [closed]
I am trying to plot a rectangle using d3.js under the Mollweide projection. However, when I run the following script the rectangle appears as an arc or curved rectangle. I find the bahaviour somewhat ...
1
vote
1answer
356 views
d3 map rendering sideways
I have a simple d3 map displaying data from Canada in topojson format, but the entire map is rendering sideways. I have been playing with the rotation parameters but I can't seem to get it just right....
3
votes
1answer
337 views
How to Merge polygons while zooming out using leaflet?
I have created a map using leaflet, with polygons. Each polygon has its proper color(style) based on the number of inhabitants.
please see the following example: Map
I want to merge polygons as I ...
2
votes
1answer
160 views
Tangram YAML, use external function?
I would like to use some functions from D3 in my Tangram scene.yaml, but I'm not finding anything about it in the documentation.
I've tried referencing D3 in the YAML, like so:
layers:
give:
...
2
votes
0answers
156 views
Choropleth map in html
I am making a choropleth map of population estimate by counties in United States. I am almost done but the problem is a few counties have population count in seven figures and they are the ones that ...
3
votes
1answer
492 views
Esri Cedar.js (based on D3.js)
Does anyone have experience with Esri's js charting library called cedar.js?
It is apparently based on D3.
I may be using it for work, but wondering if there are any pitfalls I should know about vs ...
1
vote
0answers
159 views
GeoJSON or TopoJSON outline of Milky Way [closed]
I'm looking for a GeoJSON or TopoJSON file with the Milky Way outline on the Sky sphere, for an astronomical almanac web application I'm building with the D3js JavaScript library.
I have searched in ...
2
votes
0answers
6k views
“Map container not found”error with dc.js charts
I am trying to show marker cluster on dc.js charts ,I have around 30,346 data in json file i an stuck with one error map container not found
<script> var map = L.map( 'map', {
center: [20....
3
votes
1answer
672 views
GeoJSON maps created with D3 appear flipped/inverted
I am learning how to convert ESRI shapefiles to GeoJSON and then work with it in D3. I am following Mike Bostock's tutorial on Medium (https://medium.com/@mbostock/command-line-cartography-part-1-...
1
vote
0answers
257 views
Reading topojson file in d3.js problem
The topojson file with my code shows only one propriety with one path,my topojson file looks like the sample . what I am doing wrong ?
I dont know if the problem with the topojson or the code as this ...
1
vote
1answer
3k views
How to set the icon for a Leaflet marker based on a variable
I'm just beginning to learn coding in d3 and leaflet, i have some code that i'm experimenting with and facing some problems with setting the icon.
I wanted to change the leaflet icon depends on the ...
4
votes
1answer
746 views
Converting EPSG to D3.js
Given an EPSG projection (say, this Alabama one: http://spatialreference.org/ref/epsg/26729/)
How can you take the given WGS84 projection bounds in such a way that you can use them in a D3.js ...
6
votes
2answers
579 views
Remove outlying territories/islands from Europe map
Using a shapefile from Natural earth, I am trying create a map of Europe with d3-geo’s new command-line interface. The following:
shp2json -n ne_50m_admin_0_countries/ne_50m_admin_0_countries.shp \
| ...
3
votes
1answer
443 views
Drawing GeoJson polygon in arbitrary coordinate system
I have a GeoJson polygon I am trying to draw in a 3d scene using d3 and three.js
I have done this before when the polygon was represented in lat, lng coordinates,
but in my case the coordinate system ...
0
votes
1answer
303 views
How to split Indian states and provinces from world states and provinces shapefile?
I am following Mike Bostock's D3 Lets make a map to create GeoJSON for states and provinces of a country. I got a shapefile for states and provinces from Natural Earth. I am trying to extract info for ...
3
votes
1answer
605 views
Which D3 microlibraries are required to load TopoJSON/GeoJSON files and translate into path definitions?
D3 v4 is modular, based on around 30 "microlibraries", intended to allow discrete functions to be broken out and used on their own.
I'm trying to assemble a minimal set of D3 microlibraries to do the ...
2
votes
1answer
2k views
DC.js - barChart not filtered on click of geoChoroplethChart
I have a choropleth map of counties, and a bar chart showing population of each county on the map. When I click on the bar chart the map is filtered and redrawn to show the selected bar, but when I ...
0
votes
1answer
2k views
TopoJSON rendering issues using D3
I have rendered the world map using world-110m topojson. I directly used the code provided by Jakob on D3 mapping tutorial - http://www.digital-geography.com/d3-js-mapping-tutorial-1-set-initial-...
0
votes
0answers
192 views
Using ordnance survey data to make a D3 map?
I would like to display a map of the UK Westminster Parliamentary Constituencies in D3 with a width of 980px.
I have downloaded and extracted the ordnance survey ESRI shapefiles from here: https://...
1
vote
2answers
454 views
D3 can't render GeoJson file (Simple structure in Montreal, Canada) created in QGIS
I am attempting to render SVG and attach it to a div with id="map". I can do this successfully with GeoJson which I acquired from this tutorial: http://maptimeboston.github.io/d3-maptime/#/1
Excerpt:
...
1
vote
0answers
265 views
Can we combine SVG Overlay with MarkerCluster v3?
I have searched here and there on how to prevent the overlapping circle (svg) layer created from json file. Poor me, no luck till now. Since I doesn't know how to prevent the overlapping circle I ...
5
votes
1answer
312 views
Attempting to map GeoJson file producing issues
I've been trying to get this to work for some time now. The end goal is to produce a map I can show using d3.js, however d3 is butchering the map and producing an undesirable image. The code is as ...
6
votes
1answer
5k views
D3: center a map feature using correct latitude and longitude, without rotation?
The following is a map of Chicago which I've created in D3.js, and the JS code to render it.
I had a very hard time centering Chicago within my viewfinder (the white box). After much trial and error,...
2
votes
0answers
346 views
How to remove projection in terminal from .shp file with valid .prj available
I have .prj, .shp, .sbn, .sbx, .shx, .dbf files where the content of the .prj file is the following:
PROJCS["S-JTSK_Krovak_East_North",GEOGCS["GCS_S_JTSK",DATUM["D_S_JTSK",SPHEROID["Bessel_1841",...
3
votes
0answers
666 views
Draw d3 svg circles on openlayers 3 maps
I am new to openlayers and d3. I tried following example
http://openlayers.org/en/master/examples/d3.html
I see we need to add d3 features on a canvas and project it on an openlayers Vector layer. ...
1
vote
0answers
44 views
D3 problem on placing a circle on area
I am using d3.
I normally constructed d3.svg.area().interpolate("basis")
then I want to put a circle on outline of the area. But,
because of interpolate("basis"). The outline is not
at exact place. ...
1
vote
0answers
439 views
Plot a bubble chart in d3.js by giving an local geojson file as an input
This is the content in my geojson file
{
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": {
"profit": 326,
"npa": 174.000000
}
}, {
"type": ...
1
vote
1answer
3k views
D3 - Loading data from JSON doesn't work
I'm starting to learn D3 and it seems like a powerful framework. I'm trying load the data from json. I can see data but nothing happen after loading data into D3 library. There are no error messages ...
2
votes
0answers
109 views
getting started designing satellite projection raster
How do I get started designing a map with a satellite projection like this:http://bl.ocks.org/joyrexus/6619251. So far using d3 I've created a map of North Africa w/ topojson and tiles from Mapbox but ...
2
votes
1answer
766 views
d3.js Projection for Washington DC area
I'm making a small thematic map of the Washington DC area using d3.js.
Everything I've tried "tilts" the square of DC.
Is there a d3 projection that will put DC at the right angle?
https://github....
