Christian June Gregorio

@devgcjune8·5 public vizzes

San Diego Rockets/Houston Rockets Season by Season Winning Percentage since their inaugural season

This chart displays the San Diego/Houston Rockets’ winning percentage for every season since the franchise’s inaugural 1967-68 campaign, using a red filled area path. The data, sourced from basketball-reference.com, is loaded as CSV and rendered with D3 v7, where `scaleBand` spaces the season labels on the x-axis and `scaleLinear` maps the percentage values from 0 to 100 on the y-axis. The `area` generator creates the shaded region, while `axisBottom` and `axisLeft` add gridlines and ticks, with rotated season labels.

Oct 31, 2022

Loading thumbnail…

Average High and Low Temperature in San Jose del Monte By Month

This visualization displays the average monthly high and low temperatures in San Jose del Monte, converted from Fahrenheit to Celsius, using red and blue circles for each temperature series. The chart uses D3 v7’s `scaleBand` and `scaleLinear` to position the data, with axes generated via `axisBottom` and `axisLeft`. Hover tooltips reveal precise Celsius values via SVG `<title>` elements. Temperature data originates from WeatherSpark, as stated in the README, and the SVG rendering includes a grid-like tick layout for readability.

Sep 26, 2022

Loading thumbnail…

Average High and Low Temperature in San Jose del Monte By Month Line Chart

This line chart shows the average monthly high and low temperatures in San Jose del Monte, converted from Fahrenheit to Celsius and smoothed with a curve. Red and blue lines represent the high and low temperature trends across the twelve months, with a title and labeled axes. Built with d3.v7, the visualization uses `scaleBand`, `scaleLinear`, `line` with `curveBasis`, and `axisBottom`/`axisLeft` to render an SVG. The data originates from a WeatherSpark CSV file comparing two cities, and the chart includes gridlines and hover styling for the temperature values.

Sep 26, 2022

Loading thumbnail…

Average High and Low Temperature in San Jose del Monte By Month Area Chart

This area chart displays the average monthly high and low temperatures for San Jose del Monte, converted from Fahrenheit to Celsius. The visualization uses filled paths to show both temperature ranges, with red representing high temperatures and blue for low temperatures, across the twelve months of the year. Data originates from weatherspark.com, processed through the d3.csv function. The chart uses d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis, with d3.area and curveBasis to generate the smooth area paths rendered as SVG.

Sep 26, 2022

Loading thumbnail…

100 Most Populated Countries in 2022

This bar chart displays the 100 most populated countries in 2022, ordered by population from highest to lowest. The data comes from worldpopulationreview.com. The visualization uses D3 v5 with `scaleLinear` for the x-axis and `scaleBand` for the y-axis, rendering bars as SVG rectangles. Hovering over a bar reveals a tooltip with the population value formatted with commas.

Sep 26, 2022