Fork of Responsive Axes (SSP)
✓ Published1🌍 Public
This visualization shows the relationship between Attack and Defense stats for Pokémon, with each point colored by generation and a legend indicating the generation. The scatter plot uses D3.js scales and axis functions, but its key feature is responsive axes that maintain consistent tick mark density as the viewport resizes. The code calculates the number of ticks based on the inner width and height divided by a fixed tick density constant, ensuring axes remain readable at any size. Data comes from a CSV file containing Pokémon attributes.
AI-generated descriptionA viz container with responsive axes that have consistent tick mark density. Try opening in full screen mode and resizing!
Challenge
- Use this technique to make the axes on your viz responsive
MIT Licensed