Priyanka11128

@Priyanka11128·3 public vizzes

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width along the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and axis functions to position and label the marks, with circles rendered as SVG elements. The code also parses sepal measurements but does not use them for plotting. Data is fetched from a GitHub-hosted CSV file, and the chart fills the browser window with margins for axis labels.

Mar 7, 2022

Loading thumbnail…

Fork of Let's make a Bar Graph with D3.js

This D3.js v7 bar chart visualizes movie collection totals from a CSV file, with movie names on the y-axis and collection amounts on the x-axis. The SVG rendering uses `scaleLinear` for the quantitative axis and `scaleBand` for the categorical axis, drawing purple rectangles for each movie. Labels for both axes are added via SVG text elements, with the y-axis label rotated 90 degrees. The chart reads data from `data.csv` using the `csv` function and applies a margin-based layout within the 960x500 SVG canvas.

Mar 7, 2022

Loading thumbnail…

ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates loading and parsing CSV data with D3.js, displaying the result as a text summary in the browser. It shows the process of fetching a remote CSV file about COVID cases, calculating its size in kilobytes, counting the rows and columns, and outputting this information to a preformatted HTML element. The code uses D3's `d3.csv` function to fetch and parse the data asynchronously, and `d3.csvFormat` returns the parsed dataset as text to measure its length. A separate SVG image is also embedded in the page, and the title emphasizes the educational goal of learning data loading with D3.

Feb 28, 2022