Gist 126128

100%

✓ Published0🌍 Public

Last edited Jun 8, 2009

Created on Jun 8, 2009

This interactive map visualizes the specific activities prohibited under Mississippi's alcohol permit laws, with each highlighted section corresponding to a clause from the state's administrative code. A sidebar displays the legal text while hovering over a region reveals the associated restriction. Built with the Leaflet and D3.js libraries, the visualization uses GeoJSON data for the state's boundaries and employs a custom tooltip system to connect the map to the PDF-derived statutory content. The interface updates dynamically as users explore different areas of the regulation.

AI-generated description

Similar vizzes

Loading thumbnail…

Untitled

This choropleth map of the United States visualizes the legal status of a substance in each state, with colors ranging from red to green based on a five-point scale. The visualization also plots cities as circles, with their size representing the number of years lived there, and includes interactive tooltips that appear on hover. The map is rendered using D3 version 3 with an Albers USA projection, loading geographic data from a GeoJSON file, state statuses from a CSV, and plotting city coordinates through the same projection.

Ggcappadaniel

58% match

Loading thumbnail…

Interactive Cocktail Alcohol Pie Charts on U.S. Map

This interactive visualization displays pie charts on a U.S. map showing the top 10 alcohols found in cocktails across eight major cities. The chart uses React with D3.js v5, employing `d3.geoAlbers` and `d3.geoPath` for map rendering and `d3.pie` and `d3.arc` for the pie charts. Hovering over the legend highlights matching ingredients across all pies, while tooltips reveal alcohol names and counts. Data comes from the Hotaling & Co cocktails dataset, with map shapes from the US-Atlas TopoJSON.

JJacklyn Turner

58% match

Loading thumbnail…

Gist f17f6486de12dcbfdbdc304ffaf84c37

This choropleth map visualizes reported West Nile virus cases across U.S. states in 2016, with each state shaded using a color scale from light orange to deep red based on the number of cases. The visualization uses an SVG map with interactive tooltips: hovering over a state highlights it and displays a tooltip with the state name and total cases. The tooltip and hover effects are implemented with D3 v3, and the map supports animation for enhanced interactivity.

HHeywhoyou22

57% match

Loading thumbnail…

Fork of Interactive Cocktail Alcohol Pie Charts on U.S. Map AVM try out

This visualization displays pie charts on a U.S. map showing the top 10 alcohols used in cocktails across eight major cities. Hovering over legend items highlights matching alcohol counts within each pie and fades non-matching segments. Built with React and D3 v5, it uses `d3.geoAlbers` and `d3.geoPath` for map rendering, `d3.pie` and `d3.arc` for chart generation, and data from the Hotaling & Co cocktails dataset.

SSurjectif

57% match

Loading thumbnail…

highschool

This visualization maps the high-school dropout rate for 18–24-year-olds across Mississippi counties. A point on the map represents each county, positioned by its FIPS code and shaded by the proportion of young adults who have dropped out, revealing clear regional clusters of higher and lower educational attainment. The chart uses a geographic layout to show how the dropout rate—ranging from under 5% in university counties like Oktibbeha and Lafayette to over 38% in Issaquena County—varies across the state. A dropdown or tooltip interaction allows readers to explore county-level values (e.g., population and dropout counts), while the color scale makes high- and low-risk areas immediately visible. The map emphasizes spatial inequality in educational outcomes within Mississippi, and invites questions about socioeconomic and policy drivers behind the patterns.

JJohn Hamilton Bradford

57% match

Loading thumbnail…

Gist 11520211

This example visualizes the geographic boundaries of US states and counties using a TopoJSON file that encodes land, county, and state outlines. Built with D3, it renders the map from the `us.json` TopoJSON data, which contains geometry collections for counties and states. The visualization likely uses D3's projection and path generators to draw the geographic shapes, displaying the boundaries with distinct styling for counties and states. The minimal code structure suggests a basic interactive or static map, with the data provided in a structured TopoJSON format.

CCaged

56% match

Loading thumbnail…

Gist 08d3bc545278d6a3b2d22df875392612

This example visualizes U.S. state boundaries using D3 v4’s geoAlbersUsa projection and d3.geoPath to render geographic features from a local us-states.json file. The SVG canvas, sized 700x580, is appended to the body, and each state’s polygon is drawn as a path element with a default fill and stroke. The map is centered using a translate of [width/2, height/2], and the simple code demonstrates how to load and project GeoJSON data for display. No interactions or styling are applied, keeping the focus on the map layout.

JJoymangulJensen

56% match

Loading thumbnail…

Gist ea51c362645dc8fb9bdbba440558b37a

Atlas of the United States, using a TopoJSON shapefile rendered with `d3.geoPath` and a custom Albers projection. The map is overlaid with a graticule generated by `d3.geoGraticule`, and states are colored by a choropleth scale. The visualization is drawn on an SVG canvas, and the code uses `d3.json` to load the TopoJSON data and `topojson.feature` to convert it into GeoJSON. A tooltip appears on hover, displaying the state name and value.

CCliffordAnderson

55% match