Data Visualization Applications built for use by
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


This repository contains source code of various projects I work on as a Graduate researcher at the City College of New York. My tasks involve creating web applications for NOAA-CREST and subsequently NOAA.

Project Directory

To dump out the contents of a netCDF4 file, run the following command:

ncdump -h <filename>

If you are interested in seeing how to pull out datasets from an .hdf file, please see the following script

  • special_regions/grid.html: NOAA Squam page with special regions demo. Clicking on any of the bounding boxes redicts to special_regions/regions.html, which is the NOAA Special Regions page.

  • squam_visualization/grid.html: NOAA Squam page with voronoi diagram demo. Hovering over each region displays the granule showing the anomaly of sea surface temperature, and clicking any region redirects to a full image of the granule corresponding to the selected region.

Completed Works

NOAA SQUAM Granule Visualization

One of NOAA's web products is the SST Quality Monitor, which maps sea-surface temperature across the globe through granules (images) provided by two satellites which sweep the globe. From the scale below each satellite image, we can see the agreement/disagreement of data, marked by shades of blue and purple.

alt tag

My task was to write scripts and provide JavaScript which would allow users to hover over regions of the globe and display the corresponding granule. To do so, I used d3 to build a voronoi diagram. The input to these voronoi diagrams are the computed latitude and longitude centers of each granule for all regions of the Earth, which in turn builds a set of SVG polygons.

alt tag

Voronoi diagrams allow the user to determine which region they are currently in by computing the centers of all polygons, which are also computed inside of a JSON file containing the image and ID associated with each polygon/region. By attaching event handlers to these polygons through D3, the user can hover over each area and see the corresponding granule. By clicking on the region, the granule opens in a new tab with higher resolution.


The actual images used in any of the demos presented here are not contained within this repository, as they are not part of the public domain. The only source code listed on this page are those that are written myself and are seperate from NOAA and NOAA-CREST.

As such, the JavaScript and conversion files may be useful for those interested in Voronoi diagram generation using D3. All source code is licensed under the MIT License. If any part of this source code is reused, a link back to my github profile would be appreciated.