goldpot

@goldpot·3 public vizzes

Fork of Temperature in S.F. Scatter Plot

This scatter plot shows hourly temperature readings in San Francisco, with each circle colored along a blue-to-red sequential scale based on temperature value. The visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.scaleSequential with interpolateRdBu for color encoding, and d3.axisBottom/axisLeft with formatted tick lines. Data loads from a CSV file containing timestamps and temperatures, while the SVG rendering includes labeled axes, a title, and circular marks with transparency and stroke styling.

Aug 28, 2021

Loading thumbnail…

cars_scatter_plot

This scatter plot visualizes relationships among automobile characteristics from the auto-mpg dataset, plotting displacement against horsepower while encoding vehicle weight through point size and model year through color. Tooltips reveal car names on hover. The visualization is built with the vega-lite-api library, which registers Vega and Vega-Lite, and loads data asynchronously via d3.csv. The chart renders responsively using an SVG renderer with the vega-tooltip Handler for interactive annotations.

Aug 27, 2021

Loading thumbnail…

scatter_plot

This scatter plot visualizes the relationship between engine displacement and horsepower for a collection of automobiles, with each point representing a vehicle model. The visualization is built using the Vega-Lite API, which registers with Vega and Vega-Lite to render the chart as SVG. Data is loaded asynchronously from a CSV file using D3’s `csv` method, and the plot applies a config for custom axis and label styling. Tooltips, enabled via the vega-tooltip handler, display each car’s name on hover, while point opacity and size convey density across the dataset.

Aug 26, 2021