Skip to main content
100%

Gist 7ef9c17d99cb5a83e7312992e4ec683d

✓ Published0🌍 Public
Aadiamaan92
Last edited Jan 16, 2022
Created on Jan 16, 2022

This visualization maps the geographic and thematic reach of Narendra Modi’s speeches, sourced from a Kaggle dataset of text speeches starting in 2018. It displays an interactive choropleth of India, with state boundaries drawn using `d3.geoPath` and a `d3.forceSimulation` layout that positions speech-related keywords as nodes. Hovering over a state reveals its name, while colored circles represent speech themes, with sizes scaled to frequency. The code uses D3.js for SVG rendering and transitions, and it loads the dataset from a JSON file, updating the visualization dynamically.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 541f344f0b112c3ace68d676a41682ee

This example fetches a dataset of Indian Prime Minister Narendra Modi’s speeches from Kaggle using the `kaggle_api_extended.KaggleApi` class, specifically calling `dataset_download_files` to download and unzip the “modi-speeches” dataset. The code then reads the downloaded CSV file into a pandas DataFrame via `pd.read_csv` and extracts the first speech title from the `title` column. The visualization implicitly relies on the Kaggle API and pandas to retrieve and display the dataset’s content, but no charting or rendering library is shown beyond these data-access steps.

Aadiamaan92
76% match
Loading thumbnail…

Fork of Fork of Fork of Easiest way of making a 'Map of India', data from Kaggle-2

This choropleth map of India colors each state according to the leading political party from the 2024 election data, with a legend mapping party names to colors. The visualization loads a GeoJSON file and merges it with CSV election results, then projects the shapes using `d3.geoMercator` and renders them with `d3.geoPath`. State labels are placed at path centroids, and a legend is appended with SVG rectangles and text. The code uses D3.js v7 and TopoJSON to fetch and process the geographic and tabular data.

NNita
70% match
Loading thumbnail…

Fork of Fork of Easiest way of making a 'Map of India', data from Kaggle-2

This interactive map of India displays the leading political party in each state, colored according to a predefined palette. It uses D3.js (v7.9.0) with the `d3.geoMercator` projection and `d3.geoPath` to render the geographic boundaries. State-level election results from a CSV file are joined with a GeoJSON map, and each state is labeled with its name and leading party. A rotated legend lists all party colors. The SVG output is generated using `d3.json` and `d3.csv` data loading, with tooltips provided by SVG `title` elements.

NNita
69% match
Loading thumbnail…

INDIA

This interactive visualization presents a map of India, highlighting its states and districts in color. Users can explore the geography through zooming and panning via d3.zoom, while the map’s districts display hover tooltips that reveal district and state names. The visualization uses d3.geoPath with a geoMercator projection to render GeoJSON features built from TopoJSON data, which is sourced from external repositories for Indian state and district boundaries.

Aadapavaishnavi12
69% match
Loading thumbnail…

Easiest way of making a 'Map of India', data from Kaggle

This example displays a choropleth-style map of India with state boundaries and labels, rendered as an SVG using D3.js. It loads GeoJSON data from a GitHub gist and applies a Mercator projection via `d3.geoMercator` with `projection.fitSize` to scale the map. The `d3.geoPath` generator creates the state paths, and state names are placed at each polygon's centroid using `geoGenerator.centroid`. The visualization uses D3 v7 and TopoJSON for data handling, with a simple teal fill and black strokes.

NNita
68% match
Loading thumbnail…

Map - India

This example visualizes the states and districts of India as an interactive SVG map. Users can pan and zoom the map using d3.zoom, while hover states reveal district names via title elements. The visualization uses d3-geoMercator for projection, d3.geoPath for rendering paths, and d3.scaleOrdinal with schemeCategory10 to color districts. Geographic data comes from two TopoJSON sources: India state boundaries and 2019 district boundaries. The code also loads city data from a CSV, though points are not plotted in the final rendering.

Llambda-fox
68% match
Loading thumbnail…

Fork of india map

This interactive visualization displays India’s administrative divisions, using distinct colors for districts and dark green highlighting on hover. It also marks state boundaries with a black stroke. The map is rendered as SVG using `d3.geoPath` with a Mercator projection, and supports zoom and pan via `d3.zoom`. District and state boundaries come from TopoJSON files, with district names and states shown as tooltips. The code also loads a CSV of Indian cities, though city markers are not rendered.

Bbindhureddy98
68% match
Loading thumbnail…

India Mercator

This visualization displays a map of India with its states and union territories, along with major city labels. It uses a Mercator projection and colors each subunit with a category-based color scale. The code employs D3.js v4 with `d3.geoMercator`, `d3.geoPath`, `d3.scaleOrdinal`, and `d3.schemeCategory20`, alongside TopoJSON for geographic data. Functions automatically center and scale the map to fit the window, draw outer boundaries, subunit boundaries and labels, and place city names from the included `india.json` topology.

FFrissAnalytics
68% match