Pijush Barman

@Pijush-Beyond·3 public vizzes

Fork of Temperature in San Francisco Line Chart

This example visualizes one week of temperature data in San Francisco, drawing on observations from the Data Canvas - Sense Your City dataset. The line chart maps timestamps to the x-axis and temperature in degrees Celsius to the y-axis, with a smooth curve applied via `curveBasis`. The visualization is built with D3 v5, using `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and grid lines. Data is loaded as CSV and parsed into date objects and numbers, then rendered as an SVG line path within a margin-framed coordinate system.

Mar 9, 2021

Loading thumbnail…

Fork of Scatter Plot with Menus

This interactive scatter plot displays automobile data from the UCI Machine Learning Repository's Auto MPG dataset. Users select which columns to plot on the X and Y axes via dropdown menus. The visualization uses D3 v5, with `scaleLinear` for scales, `extent` for domains, and `axisLeft`/`axisBottom` for rendering axes. Each data point is an SVG circle that transitions from the center to its position over 2 seconds using `transition().duration(2000)`. Axis labels update to reflect the selected columns.

Mar 9, 2021

Loading thumbnail…

Fork of Stylized Bar Chart

This example displays the top 10 most populous countries as horizontal bars, using population data from the United Nations World Population Prospects 2019. The chart loads data via d3.csv and maps it with scaleBand and scaleLinear, rendering SVG rectangles for each bar. React components structure the visualization, while d3.format converts tick labels from billions to a compact "B" suffix. A native SVG <title> element provides hover tooltips showing the exact population value.

Mar 9, 2021