D3.js Set initial zoom level

by

D3v4 answer

If you are here looking for the same but with D3 v4,

var zoom = d3.zoom().on("zoom", function(){
    svg.attr("transform", d3.event.transform);
});

vis = svg.append("svg:svg")
     .attr("width", width)
     .attr("height", height)
     .call(zoom) // here
     .call(zoom.transform, d3.zoomIdentity.translate(100, 50).scale(0.5))
     .append("svg:g")
     .attr("transform","translate(100,50) scale(.5,.5)");

More Related Contents:

  1. Is there a way to zoom into a D3 force layout graph?
  2. How to detect page zoom level in all modern browsers?
  3. Catch browser’s “zoom” event in JavaScript
  4. Selecting null: what is the reason behind selectAll(null) in D3?
  5. How to load data from a CSV file in D3 v5
  6. variable scope in d3 javascript
  7. Scaling d3 v4 map to fit SVG (or at all)
  8. Highlight selected node, its links, and its children in a D3 force directed graph
  9. Replacing d3.transform in D3 v4
  10. How do I include newlines in labels in D3 charts?
  11. Retrieve DOM target from drag callback when `this` is not available
  12. Resize svg when window is resized in d3.js
  13. Invoke a callback at the end of a transition
  14. D3.js Map with Albers Projection: How to rotate it?
  15. Generate (multilevel) flare.json data format from flat json
  16. Wrapping Text in D3
  17. Initial Range selection in DC.js chart
  18. Add text label to d3 node in Force layout
  19. How to use x and width in a bar chart with scaleTime?
  20. d3 js – loading json without a http get
  21. nvd3 piechart.js – How to edit the tooltip?
  22. How to translate ‘this’ in D3 JavaScript to TypeScript?
  23. Add text label to d3 node in Force directed Graph and resize on hover
  24. How do I return y coordinate of a path in d3.js?
  25. Calculate SVG Path Centroid with D3.js
  26. Change and transition dataset in chord diagram with D3
  27. Using d3 to shade area between two lines
  28. D3: How do I set “click” event and “dbclick” event at the same time?
  29. D3 Tree Layout Separation Between Nodes using NodeSize
  30. How to get the total depth of an unknown JSON hierarchy?

Leave a Comment