Md Rizabul

@Jaan19867·2 public vizzes

Fork of Vega-Lite API Template

This example renders a bar chart of population by country for 2015, using data loaded from a CSV file via d3’s `csv` function. The visualization is built declaratively with the Vega-Lite API, which is registered with Vega and Vega-Lite libraries in `index.js`. The chart uses `markBar` with encoding for country on the x-axis and population on the y-axis, and a tooltip for country names. Appearance is customized through a config object, and the chart resizes to fit the browser window.

Feb 10, 2024

Loading thumbnail…

Fork of Circles with D3

This example generates a field of colorful circles using D3.js within a Svelte component. The visualization draws and animates the circles using the d3.forceSimulation API to distribute them dynamically across the canvas. The code demonstrates how to integrate D3’s data-binding and simulation capabilities directly into a Svelte application. The circles’ positions and movements are driven by the force simulation, creating an organic, floating arrangement. The project serves as a base template for creative modifications, such as holiday-themed variations, and relies on the D3 library version 7.8.5.

Feb 8, 2024