Questions sur une map faite avec d3js

Créateur

Sujet
juin 7, 2020 à 10:06 pm #17613

ALPHA
Participant

En fait je viens de trouver une map faite avec la bibliotheque js D3.js et je voudrais savoir si on pouvait rendre les pays cliquables et les faire changer de couleur quand la souris passe dessus
Créateur

Sujet

Vous lisez 2 fils de discussion

Auteur

Réponses
- juin 7, 2020 à 10:08 pm #17614
  
  ALPHA
  Participant
  
  <!– Code from d3-graph-gallery.com –>
  <!DOCTYPE html>
  <meta charset= »utf-8″>
  
  <!– Load d3.js –>
  <script src= »https://d3js.org/d3.v4.js »></script>
  <script src= »https://d3js.org/d3-scale-chromatic.v1.min.js »></script>
  <script src= »https://d3js.org/d3-geo-projection.v2.min.js »></script>
  
  <!– Create an element where the map will take place –>
  <svg id= »my_dataviz » width= »400″ height= »300″></svg>
  
  <script>
  
  // The svg
  var svg = d3.select(« svg »),
  width = +svg.attr(« width »),
  height = +svg.attr(« height »);
  
  // Map and projection
  var projection = d3.geoNaturalEarth()
  .scale(width / 1.3 / Math.PI)
  .translate([width / 2, height / 2])
  
  // Load external data and boot
  d3.json(« https://raw.githubusercontent.com/holtzy/D3-graph-gallery/master/DATA/world.geojson », function(data){
  
  // Draw the map
  svg.append(« g »)
  .selectAll(« path »)
  .data(data.features)
  .enter().append(« path »)
  .attr(« fill », « #69b3a2 »)
  .attr(« d », d3.geoPath()
  .projection(projection)
  )
  .style(« stroke », « #fff »)
  })
  
  </script>
- juin 8, 2020 à 10:37 am #17615
  
  Culte du code
  Maître des clés
  Ce que tu voulais faire semblait plus s’approcher d’une lib tel que AnyMap.
  
  Voici des liens pour t’aider, vers des libs faisant le taff :
  Créateur, auteur et éditeur pour le Culte du code.
  Développeur web full-stack indépendant.
- juin 8, 2020 à 1:36 pm #17616
  
  ALPHA
  Participant
  
  Merci DK pour ta réponse
Auteur

Réponses