DattatrayPatil73076

@DattatrayPatil73076·2 public vizzes

Untitled

This example displays an interactive map of India centered at latitude 19 and longitude 77, using the Leaflet library to render OpenStreetMap tiles. The map initializes with a zoom level of 20 before immediately adjusting to zoom level 6 via the `setZoom` method, revealing a broad regional view. A tile layer from OpenStreetMap provides the geographic background, with attribution included. The visualization demonstrates basic map setup and dynamic zoom control within a minimal HTML page using CSS for layout and JavaScript for interactivity.

Dec 27, 2021

Loading thumbnail…

Histogram

This histogram displays the distribution of a numeric variable (price) from a CSV dataset loaded from a GitHub repository. The visualization uses D3.js v7 with an SVG rendering approach, where the `d3.histogram()` API computes the binning and thresholds, and axis scales are created with `d3.scaleLinear()`. Bars are appended as SVG rectangles, and the chart is responsive, redrawing on window resize with a debounce function. The design uses a dark background with steelblue bars.

Nov 3, 2021