seguritops

@seguritops·4 public vizzes

JACELA - COP25

This visualization examines global temperature change over the last 70 years, using a bar chart to display annual temperature variations relative to the 20th-century average. The chart uses a color scale from `colorbrewer.RdYlBu[4]` to differentiate positive and negative anomalies. The visualization is built with D3 v4, rendering SVG and animation, and features a secondary bar chart showing the frequency of encounters over several months. The code utilizes `d3.csv`, `d3.scaleQuantize`, and `d3.select` to structure the data and render the graphics.

Aug 28, 2019

Loading thumbnail…

Test 1

This example renders a population bubble chart for a set of countries. It uses D3 v5 to load CSV data, then draws circles scaled by population size, with fill color mapped from white to black via a linear scale, and text labels added. The code also includes a second, incomplete scatter plot script for a different dataset, and a reusable bar chart built with D3 scales and axes.

Aug 14, 2019

Loading thumbnail…

Encuentros Jacela

A bar chart displays monthly "Encuentros" counts from a CSV file, with a highlighted bar for the maximum value. The chart is rendered as SVG using D3 v5, with axes drawn manually and labels for each value and month. The code uses `d3.csv`, `d3.max`, and `d3.selectAll` to bind data and append rectangles and text elements, with colors and font weights emphasizing the peak month.

Aug 7, 2019

Loading thumbnail…

Hello VizHub

This bar chart visualizes population data for countries and two additional entries from a CSV file, using an SVG-based rendering approach. The chart employs D3 v5's scaleLinear for the x-axis, scaleBand for the y-axis categories, and axisBottom with a custom tick formatter that converts large numbers into abbreviations like "B" for billions. Bars are appended as SVG rectangles, with margins and axes configured to present the data cleanly. The visualization loads data asynchronously via d3.csv and demonstrates fundamental D3 data-binding and layout patterns.

Aug 7, 2019