KirkHunter

@KirkHunter·8 public vizzes

Some data structures and algorithms in Java

This example implements classic data structures and algorithms in Java, including binary search trees, merge sort, quicksort, factorial, exponentiation, Fibonacci sequences, string permutation generation, and range unionization. The code uses Java’s built-in `ArrayList`, `Arrays`, and `Collections` APIs, along with custom classes like `Node`, `Tuple`, and `Unionizer`. Random test arrays are generated via `Math.floor` and `Math.random` to benchmark sorting performance, with results printed to the console. The visualization highlights the logic behind each algorithm through clear method signatures and step-by-step control flow.

Sep 27, 2016

Loading thumbnail…

Project 2

This interactive D3.js visualization animates the final scores and key performance metrics from the last thirteen NCAA March Madness championship games. It plots offensive and defensive statistics for both teams as colored circles on a scatterplot, with a dashed reference line indicating scoring efficiency. Users can click buttons to filter by year, triggering animated transitions of the data points. The visualization uses D3.js for SVG rendering and axis scales, Moment.js for time handling, and data sourced from Kaggle’s March Machine Learning Mania dataset. The design emphasizes how defensive rebounds and free throws correlate with championship outcomes.

Jun 23, 2016

Loading thumbnail…

Project 3

This visualization combines a U.S. choropleth map with bar charts to compare average covered healthcare charges by state against the national average, with Washington highlighted as the main category. The SVG rendering uses D3.js for geographic paths via `d3.geo.path`, quantized color scales for the map, and interactive tooltips on hover. Data comes from a TSV file for state names and a gist dataset, with moment.js and jQuery supporting helper functions. The dashboard also includes a legend and styled categorical bars.

May 15, 2016

Loading thumbnail…

Final Project

This dashboard displays median, minimum, and maximum healthcare covered charges per U.S. state, sourced from CMS data. It combines an interactive bar chart, a linked pie chart, and a choropleth map using SVG. D3.js handles hover interactions, updating the pie chart when hovering over bars, and a color gradient on the map encodes state medians. The interface is built with Vue and rendered with animated SVG elements.

May 15, 2016

Loading thumbnail…

Simple Line Chart with Color Gradient

This interactive line chart visualizes daily temperature readings from a Noe Valley sensor, using a color gradient that shifts from steelblue to gray to red to encode temperature values. The chart groups data by day, with buttons allowing users to toggle between different days. Built with D3.js and moment.js, the SVG visualization relies on `d3.time.scale` for the time axis and a linearGradient element for the temperature color encoding. The data originates from the Data Canvas project and is displayed for a slice of the full time series.

Apr 14, 2016

Loading thumbnail…

Project 1 Part 1

This bar chart displays the median score differential for NCAA March Madness tournament winners from 2003 to 2015, based on data from Kaggle. Each bar represents a season, with the y-axis measuring points and the x-axis showing the year. The visualization uses D3.js to load and filter the CSV data, then creates a time-based x-axis with `d3.time.scale` and a linear y-axis with `d3.scale.linear`. Bars are rendered as SVG rectangles, with axes and labels styled via CSS. The code includes a title and rotated y-axis label, all embedded in an HTML page.

Apr 11, 2016

Loading thumbnail…

Gist 274f90837389b882eaf3813de64dac5f

This example visualizes Airbnb listings in Los Angeles, mapping each property’s location and price point across the city. The code loads a CSV of listing data into a Pandas DataFrame, then uses Vue with WebGL rendering to display the geographic distribution of rentals. While the notebook includes initial data exploration with NumPy and Seaborn, the primary visualization relies on the WebGL framework to render the spatial layout, showing how listing prices and availability vary across neighborhoods without relying on traditional 2D charting libraries.

Apr 8, 2016

Loading thumbnail…

MSAN 622 Homework 2: Javascript Anagrams (4/24)

A JavaScript program identifies and displays all words from a predefined array that have at least one anagram elsewhere in the list. The function `anagram_finder` iterates through the input, comparing each word pair using `is_anagram`, which checks character sets for equality. The output, printed to the console, includes words like 'list', 'cat', and 'act' that share rearranged letter groupings, while excluding unique words like 'man'. This example demonstrates basic algorithmic string comparison without external libraries.

Mar 29, 2016