erickflorescallejas0@gmail.com

@erickflorescallejas0-ai·5 public vizzes

Fork of React & D3 Vibecoding Starter

This example displays a simple bar chart of letter counts from a CSV file, with clickable bars that highlight the selected letter and fade the others. Built with React and D3 v7, the React component manages state and dimensions via a `ResizeObserver`, while the D3 code uses `scaleBand` and `scaleLinear` to position bars, `axisBottom` and `axisLeft` for axes with gridlines, and `.join()` for data-driven SVG updates. The chart includes a title and axis labels rendered as SVG text.

Sep 3, 2025

Loading thumbnail…

Fork of React & D3 Vibecoding Starter

A dual-axis bar chart compares varicella vaccination and case rates across five South American countries in 2020, using a CSV dataset. The visualization is built with React and D3 v7, combining `scaleBand` and `scaleLinear` for positioning. The same chart includes interactive bars that toggle a country's highlight, a rotated x-axis for country labels, and a title rendered in Spanish, all coordinated through a custom `main` function and React state.

Sep 3, 2025

Loading thumbnail…

country, year, population, vaccinated, percent_vaccinated

A scatter plot shows the relationship between varicella vaccination rates and cases per capita across five South American countries in 2020, with point size encoding population. The visualization uses D3 scales (`scaleLinear`, `scaleSqrt`, `scaleOrdinal`) and axes (`axisBottom`, `axisLeft`) to render the chart. A legend with hover interactions highlights individual countries by fading non-hovered points. The code loads embedded data rather than an external source and applies a custom theme with color assignments per country.

Sep 3, 2025

Loading thumbnail…

Relación entre vacunación contra la varicela y casos en Bolivia, Chile y Perú (2020)

This visualization compares chickenpox vaccination rates against case percentages for Bolivia, Chile, and Peru in 2020 using a bar chart. Each country’s vaccination percentage is displayed as a clickable bar, with the y-axis formatted to show percentages and gridlines for readability. Built with React and D3 v7, the code uses `scaleBand` and `scaleLinear` for positioning, `axisBottom` and `axisLeft` for axes, and React state to handle bar selection interactions. Data loads from an embedded CSV file.

Sep 3, 2025

Loading thumbnail…

country, year, population, vaccinated, percent_vaccinated

This scatterplot visualizes the Iris dataset, comparing sepal length and width across three species. The chart uses D3 scales and axes to position points, with a legend and color coding for species. Interactive hovering on legend items fades non-selected species, implemented with `setState` and opacity adjustments. The data is loaded via D3's `csv` function from a remote URL.

Sep 3, 2025