All Questions
426
questions
0
votes
0
answers
29
views
Fetch to fail error with local json and tsc file in JS (with d3)
I'm trying to visualize data in a d3 map using my own TopoJson file (it could be false, but that's not the issue). Right now, my program is not able to fetch the local JSON and tsv (Failed to fetch ...
- 1
0
votes
0
answers
38
views
issue with Loading TopoJSON File in D3.js: Map Not Displaying Properly
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1....
0
votes
0
answers
55
views
Map navigation (drag) with mapbox static tiles, d3js and topojson
I would like to create a simple map using Canvas. I have a TopoJson file with the geo object that needs to be displayed. I use D3js to work with the geo-coordinates. Behind the object, I would like to ...
- 2,534
2
votes
1
answer
138
views
Issue rendering correct visual for Albers US Choropleth Map with d3.js and React
I am trying to figure out what went wrong with my code since I have not been able to generate anything else than a big square of a single color while I try to get a colorScale for each element with ...
- 53
0
votes
0
answers
45
views
D3 Map not rendering on DOM (topojson file)
I think I've hit a wall here. Not sure why my map isn't displaying at all.
I've converted the topojson file to geojson with the topojson client (https://github.com/topojson/topojson-client/blob/master/...
- 1
0
votes
1
answer
118
views
How can I translate position of d3.symbol on WSG84 coropleth map?
I am having a hard time drawing a symbol (star) at a given location [lan, lon] on a topojson map.
How can I translate the coordinate pairs into the SVG pixel coordinate system?
I am using a basic map ...
- 1
0
votes
2
answers
258
views
D3 world map, some countries centroid is off
Hi I am creating React app in which I am trying to make world map using D3. I want when user hovers on specific country to appear circle on centroid of that country path, but for some countries like &...
- 421
0
votes
0
answers
162
views
How to show a color-coded country map (with city boundaries) in Aframe
Following my previous question:Load json map into aframe by aframe-geo-projection-component created by earthlinginteractive
Now, I am trying to find a way to show different geometries (country or city)...
- 181
1
vote
1
answer
252
views
Impossible to display a TopoJson map with Svelte
I'm trying to view a TopoJson map with Svelte (and D3), but I can't figure out what's wrong because there is absolutely nothing displayed and yet the console output does not return any errors.
Does ...
- 35
0
votes
0
answers
241
views
d3.js geo projection renders a black box
I am trying to make a US map using d3.js.
I use the following code to draw my map:
const EDUCATION =
'https://raw.githubusercontent.com/no-stack-dub-sack/testable-projects-fcc/master/src/data/...
- 445
0
votes
0
answers
106
views
d3.js does not show all map elements in the topojson
A. I have downloaded two geojsons
world map
USA states
B. I then merge the two geojsons with geojson-merge on the commandline to give me a world_map_with_USA_states.json
$ geojson-merge ...
- 855
1
vote
0
answers
46
views
Join a csv and topojson using d3
I am new in github and topojson. I am trying to join a csv and topojson to create a map in github.
(function(){
//Variables used based on CSV column headers
var attrArray = ["StateMedHomeVal&...
- 11
1
vote
1
answer
607
views
Using D3 to retrieve a TopoJSON U.S. county from coordinates
I have a set of coordinates retrieved as:
navigator.geolocation.getCurrentPosition(function(position) {
let coordinates: [number, number] = [position.coords.longitude, position.coords.latitude]
}
//...
- 889
2
votes
1
answer
533
views
Angular D3 TopoJSON: mouseover tooltip coordinates wrong
I am trying to implement a div tooltip on mouseover for counties in a TopoJSON map of the United States, using D3 on a page built in Angular.
I have tried every combination of the x/y coordinates ...
- 889
1
vote
1
answer
997
views
How to load two external files in D3?
To load one TopoJson file in D3 (I'm using version 7), it's as simple as:
d3.json("file01.json").then(function(topology) {
To load two files in previous versions you could use for example ...
