RahulYN

@RahulYN·5 public vizzes

Fork of Making a Bar Chart V2

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects 2017. The code uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to build the visualization, with population values loaded from a CSV file. The chart customizes the x-axis tick labels with a `format` function that abbreviates numbers, and removes axis domains and tick lines for a cleaner look. Bars are drawn as SVG rectangles filled with steelblue.

Dec 22, 2022

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, sourced from the 2018 United Nations World Population Prospects estimate. It shows horizontal bars with country names on the y-axis and population values on the x-axis, featuring a title and axis label. The visualization uses D3 v5 with `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG layout. The code also demonstrates custom axis tick formatting, converting large numbers to abbreviated units (e.g., "B" for billions).

Dec 22, 2022

Loading thumbnail…

Fork of Temperature in San Francisco Line Chart

This line chart visualizes one week of temperature data in San Francisco, sourced from Data Canvas - Sense Your City. It displays a smooth curved line with circular points, showing temperature trends over time. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis`. The SVG rendering includes styled axes, gridlines, and a title, with the data loaded via `d3.csv` from a remote dataset.

May 5, 2022

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries in 2018, based on data from the United Nations World Population Prospects. It uses D3 v5 to load a CSV file, scale the population values linearly, and arrange countries on a band scale, with population shown in thousands. The visualization customizes the axes by removing domain lines, applying a compact tick format, and adding gridlines. The code imports specific D3 modules like scaleLinear, scaleBand, axisLeft, and axisBottom, rendering in SVG.

May 5, 2022

Loading thumbnail…

Fork of Making a Bar Chart

This example shows a bar chart of the top 10 most populous countries based on 2018 United Nations estimates, with population values loaded from a CSV file. It demonstrates customized D3 v5 axes and scales, using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis. The code initializes SVG rectangles at fixed dimensions, though the chart’s rendering is not fully implemented in the provided `render` function. Data is parsed with `d3.csv` and displayed via `d3.axisLeft` and `d3.axisBottom`.

May 5, 2022