AnidiamDEV

@anidiamdev·4 public vizzes

map.

A choropleth map of Colombia displays the total number of murdered social leaders from 2016 to 2020, with each department colored by death counts using d3.scaleThreshold and the schemeOrRd color scale. Users can click a department to view its fatality total for a selected year from a list, or hover to see the count on the side panel. The visualization uses d3.geoPath and geoMercator to render the TopoJSON map, with data from a CSV file and a JSON containing yearly regional death statistics.

Jul 5, 2022

Loading thumbnail…

barchart

This visualization displays a horizontal bar chart of the top 10 most populous countries, using data from the United Nations World Population Prospects 2019. Bars are drawn as SVG rectangles, with lengths proportional to each country's 2020 population. The chart uses React with D3 v5 for data fetching and scaling, specifically employing `d3.csv` for parsing the dataset, `d3.scaleBand` for y-axis positioning, and `d3.scaleLinear` for x-axis lengths. No axes or labels are included.

Jan 13, 2022

Loading thumbnail…

testing stuff

This visualization maps social leaders by department over time, plotting each individual as a semi-transparent circle with a tooltip showing their name. The scatterplot uses Vega-Lite’s API with D3.js to fetch CSV data from a REST endpoint, then renders circles sized and colored consistently across a time axis sorted in descending order. The chart relies on Vega-Lite’s mark encoding for positioning and tooltips, while D3 handles data loading and the Vega runtime manages SVG rendering and interactive tooltip behavior.

Jan 4, 2022

Loading thumbnail…

learning, dou

This example renders the text “hello world” as a simple React component. The `Text` component returns an HTML heading element displaying the provided prop, and the `App` component passes the string `"hello world"` to it. The visualization uses React 16.9 and ReactDOM to mount the component into the DOM, with D3 v5 loaded but not actively employed in the visible code. No data transformations, scales, or D3-specific APIs appear in the source files.

Jan 3, 2022