Skip to main content
Log in
N

Nodirbek Parpibaev

@nbparpibaev·7 public vizzes

Loading thumbnail…

Corona Centers June, 2020

This visualization displays global coronavirus epicenters on June 8, 2020, using an ArcGIS JavaScript API 4.15 map with a dark-gray-vector basemap. The FeatureLayer pulls COVID-19 confirmed cases and deaths from the time_series_covid19_confirmed_global_edit3 service, with popups showing country, state, confirmed, and death counts. The map is centered on Namangan with zoom restrictions between 2 and 4, and it includes a legend, bookmarks, and basemap gallery widgets. Data was adapted from Professor Sungahn Ko’s dataset.

Jun 11, 2020
Loading thumbnail…

COVID19 FOR APRIL

This interactive map shows the global spread of COVID-19 cases and deaths as of April 26, 2020, with country-level data from a Kaggle dataset. The visualization uses the ArcGIS API for JavaScript (version 4.15) to render two FeatureLayers over a gray basemap, where the semitransparent layer displays confirmed cases and a second layer shows deaths. Users can pan and zoom within set constraints, and clicking a country opens a popup with formatted counts for both metrics.

Jun 11, 2020
Loading thumbnail…

Choropleth Map

This choropleth map visualizes the global distribution of COVID-19 cases using a red and green color scheme, with each country’s fill color indicating the presence of cases on a specific date. The map is rendered with SVG using D3’s `geoNaturalEarth1` projection and `geoPath` for geographic outlines, while `zoom` enables interactive panning. Data is loaded from a CSV file and merged with TopoJSON world geometry via `loadAndProcessData`, and a custom `colorLegend` component displays the categorical scale.

Jun 10, 2020
Loading thumbnail…

Corona Confirmed Cases Map

A choropleth map displays confirmed COVID-19 cases per country, colored by an ordinal scale using D3's `scaleOrdinal` and `schemeSpectral`. The map uses `geoNaturalEarth1` projection with `geoPath` to render SVG country shapes from TopoJSON, with data loaded from a CSV file. Users can zoom and pan via D3's `zoom` behavior, and clicking a legend item highlights matching countries while dimming others.

Jun 10, 2020
Loading thumbnail…

Corona Confirmed Cases Map

This choropleth map visualizes confirmed COVID-19 cases per country over time, with each nation’s cumulative case count encoded by color on a natural Earth projection. Clicking a legend entry highlights matching countries and dims others, while a zoom interaction allows panning and scaling the SVG map. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, d3.scaleOrdinal with schemeSpectral for the color scale, and d3.zoom for interactivity. Data comes from a CSV file containing daily case counts from January through June 2020, joined with world topology from TopoJSON via d3.csv and topojson.feature.

Jun 10, 2020
Loading thumbnail…

Corona Confirmed Cases Map

This choropleth map visualizes confirmed COVID-19 cases per country over time, with each nation’s cumulative case count encoded by color on a natural Earth projection. Clicking a legend entry highlights matching countries and dims others, while a zoom interaction allows panning and scaling the SVG map. The visualization uses d3.geoPath and d3.geoNaturalEarth1 for geographic rendering, d3.scaleOrdinal with schemeSpectral for the color scale, and d3.zoom for interactivity. Data comes from a CSV file containing daily case counts from January through June 2020, joined with world topology from TopoJSON via d3.csv and topojson.feature.

Jun 10, 2020
Loading thumbnail…

Migrant Deaths Linked Views with Brushing

This example shows two linked views of migrant death data: a natural Earth projection world map with semi-transparent circles scaled by total deaths and missing persons, and a date histogram of monthly totals. Brushing a time range in the histogram filters the circles on the map, revealing temporal patterns. The map uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.geoGraticule` with TopoJSON world atlas boundaries. The histogram uses `d3.bin`, `d3.scaleTime`, and `d3.brushX` within a React component, rendering SVG marks for both views.

Jun 7, 2020