Visualizing GIS Information from REDCap with R Shiny, Part I

100%

Visualizing GIS Information from REDCap with R Shiny, Part I

✓ Published0🌍 Public

Last edited Nov 17, 2015

Created on Nov 11, 2015

This Shiny application visualizes geographic survey responses stored in REDCap by plotting them on an interactive Leaflet map. It loads the dataset via the REDCapR package, using the API URL and token defined in global.R. The server.R script creates a Leaflet map with tile layers and adds markers for each latitude and longitude pair, with popups displaying the corresponding "where" field. The ui.R file provides a sidebar panel with explanatory text and a main panel that renders the map output. The application connects REDCap data to an interactive geographic display through the Shiny framework.

AI-generated description

Similar vizzes

Loading thumbnail…

GIS Day, Part II

This interactive Shiny app displays survey-collected points from REDCap on a Leaflet map, letting viewers toggle between campus buildings, public art, trees, or all objects. The interface uses radio buttons to filter the dataset, which is fetched via the REDCapR package from a Vanderbilt REDCap API token. Each marker is added through `addMarkers` in the server logic, with popups showing the location’s “where” field. The map itself is built with `leaflet` and `addTiles`, providing a simple base layer for the spatial distribution of responses.

CCliffordAnderson

84% match

Loading thumbnail…

RAPAD cluster test

This example visualizes land parcel clusters from the RAPAD (Remote Area Planning and Development) dataset using a Leaflet map overlaid with D3-generated SVG elements. GeoJSON data loaded from `cluster1.json` defines the cluster polygons, rendered as interactive vector layers on an interactive map. The visualization uses Leaflet for map tiles and D3 v4 for data-driven SVG rendering, with hover effects and tooltips implemented through the `d3-tip` library. The map container is styled with a large height, and the layout includes a title and map area, with custom CSS for tooltips and selections.

GGerardoFurtado

64% match

Loading thumbnail…

Interactive Map

This interactive map displays survey responses about states visited or lived in, with each state colored according to the frequency of mentions using a choropleth. Built with React and D3 v5, it uses `d3.geoPath` with a `geoAlbersUsa` projection to render U.S. state boundaries from a TopoJSON file. Survey counts are aggregated from a CSV, matched to state names via a TSV, and mapped to a quantile color scale. SVG elements are selected and styled via `d3.select` and `join`.

Xxiaoma1002

59% match

Loading thumbnail…

Raster & Vector II=Assignment Class 10

This interactive map displays world earthquake data from a live USGS feed overlaid with vector boundaries of U.S. states, drawn in red on a pan-and-zoomable OpenStreetMap raster tile background. The visualization uses `d3.geoMercator` for projection, `d3.geoPath` to render GeoJSON features, and `d3.tile` with `d3.zoom` to dynamically reproject the geometry during interaction. Earthquake epicenters are plotted as crimson paths, while state outlines are generated from TopoJSON using `topojson.feature`. Pointer movement reveals geographic coordinates in a label.

MMTClass

59% match

Loading thumbnail…

Red Dots On A Map

This visualization renders a map of the United States covered in red dots, with the number of dots dynamically displayed in the corner. It uses Poisson-disc sampling to distribute non-overlapping dots across landmasses, refined by a point-in-polygon test to ensure dots remain within state boundaries. The code relies on d3.geo.albersUsa for projection, d3.geo.path for drawing geographic features, and a Canvas context for rendering. The user can adjust the dot radius using a mousewheel or the dat.GUI slider, which triggers redraws.

FFrissAnalytics

59% match

Loading thumbnail…

Gist 9bd5ca69fc039cff50383b3a3459858b

This example shows how to render a spatial distribution of data points on a map using D3.js. It uses `d3.geoPath` to draw geographic boundaries and `d3.forceSimulation` to position overlapping points, while Canvas `getImageData` is used to read pixel data for collision detection. The visualization reads from a PGP-encrypted text file, suggesting the underlying dataset is not directly accessible. The code relies on D3’s selection and transition APIs to animate point movements, and it appears to use a projection to convert latitude and longitude coordinates into screen positions. The result is an interactive scatterplot overlaid on a map, with points dynamically adjusting to avoid overlap.

CCliffordAnderson

59% match

Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents ILINet flu surveillance data in a four-panel dashboard, showing seasonal patterns across years, geographic distribution on a US choropleth map, top states by metric, and state-level trends over time. The D3-based React application uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for bar and line charts, `geoAlbersUsa` with `geoPath` for mapping, and `scaleSequential` with `interpolateYlOrRd` for choropleth coloring. Data comes from the CDC FluView Interactive dataset loaded via CSV, with interactive selection and hovering across all panels.

Ss-janibekova

59% match

Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores ILINet flu surveillance data through four coordinated panels. A line chart shows weekly trends across different years, a choropleth map displays the geographical distribution of values, a bar chart ranks the top states, and a colorful line chart reveals the yearly patterns for those selected states. The code uses D3.js for creating SVG marks, including `scaleBand`, `scaleLinear`, `scaleOrdinal`, and `scaleTime`, along with `geoAlbersUsa` for map projections. React manages user interactions such as hovering and selection, while TopoJSON provides the US state boundaries.

Mmaru25-alt

58% match