Skip to main content
Log in
S

sowmyaSG

@sowmyaSG·10 public vizzes

Loading thumbnail…

SOUND DETECTION SCATTER PLOT

This scatter plot visualizes sound detection levels in decibels across days at a Kodambakkam site, revealing high inferred noise intensity. It maps decibel values on a linear x-axis and days on a point-based y-axis using d3.scaleLinear and d3.scalePoint. Circles represent each measurement, rendered via SVG, with axes labeled using d3.axisBottom and d3.axisLeft. Data originates from a local CSV file, and decibel values are scaled by 0.1 for display.

Jun 12, 2019
Loading thumbnail…

SOUND DETECTION SCATTER PLOT

A scatter plot visualizes sound detection levels in decibels across six days at the Kodambakkam site, revealing consistently high readings between 102 and 118 dB. The SVG rendering uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to map decibel values on the x-axis and days on the y-axis. Purple circles represent each daily measurement, with axis labels and a title styled via the linked stylesheet. The data originates from a local CSV file, and the visualization is built with the d3 module imports shown in `index.js`.

Jun 11, 2019
Loading thumbnail…

SOUND DETECTION SCATTER PLOT

This scatter plot displays sound detection levels in the Kodambakkam area, showing decibel readings across different days. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for the x-axis (decibels) and `scalePoint` for the y-axis (days). The code loads data from a CSV file, parses decibel values as numbers, and renders purple circles for each data point. The chart includes labeled axes, a title, and grid lines created using `axisBottom` and `axisLeft` with tick sizes extending across the plot area.

Jun 11, 2019
Loading thumbnail…

SOUND DETECTION SCATTER PLOT

This scatter plot displays sound detection levels in the Kodambakkam area, showing decibel readings across different days. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for the x-axis (decibels) and `scalePoint` for the y-axis (days). The code loads data from a CSV file, parses decibel values as numbers, and renders purple circles for each data point. The chart includes labeled axes, a title, and grid lines created using `axisBottom` and `axisLeft` with tick sizes extending across the plot area.

Jun 11, 2019
Loading thumbnail…

SOUND DETECTION SCATTER PLOT

This scatter plot visualizes sound detection levels in decibels across different days of the week in Kodambakkam. The code loads a CSV file using `d3.csv`, maps decibel values to a linear scale, and positions days on a point scale. Circles are rendered as SVG elements with a fixed radius, while the axes are customized using `d3.axisBottom` and `d3.axisLeft`, with tick formatting applied to the x-axis. The chart includes a title and axis label, demonstrating how to style and annotate a scatter plot with D3 v5.

Jun 11, 2019
Loading thumbnail…

SOUND DETECTION SCATTER PLOT

This scatter plot visualizes sound detection data from Kodambakkam, showing decibel levels across different days of the week. Each purple circle represents a day, positioned along the x-axis for decibel values and the y-axis for the day category. The visualization uses d3.csv to load the sound data, d3.scaleLinear for the x-axis, d3.scalePoint for the y-axis, and d3.axisLeft and d3.axisBottom to render the axes. The SVG rendering includes customized tick formatting and axis labels.

Jun 11, 2019
Loading thumbnail…

Making a Bar Chart

This bar chart visualizes sound levels in decibels for a week, highlighting the highest readings with purple circles. It loads data from a CSV file and renders an SVG using D3 v5. The code employs `d3.csv`, `scaleLinear`, and `scalePoint` to map values, with `axisLeft` and `axisBottom` for labels. A custom `render` function handles the layout, margins, and circle positioning.

Jun 11, 2019
Loading thumbnail…

Making a Bar Chart

This bar chart displays the decibel levels recorded for six consecutive days, from day 6 through day 10, using purple bars on an SVG canvas. The data, loaded from a local CSV file, is plotted with D3 v5’s `scaleLinear` for the x-axis and `scaleBand` for the y-axis. Axes are generated using `axisLeft` and `axisBottom`, while the bar widths are set via `scaleLinear` based on the maximum decibel value. The chart uses a top margin of 20 pixels and a left margin of 100 pixels.

Jun 11, 2019
Loading thumbnail…

Making a Bar Chart

This bar chart visualizes sound levels in decibels across six days, with purple bars showing daily measurements. Built with D3 v5, the visualization uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, with axes generated via `axisLeft` and `axisBottom`. The SVG renderer appends rect elements based on data loaded from a CSV file, while styling is handled through external CSS. The chart demonstrates core D3 data binding and margin-based layout techniques for a straightforward categorical comparison.

Jun 11, 2019
Loading thumbnail…

Making a Bar Chart

This example shows a purple bar chart of sound levels in decibels recorded across a seven-day period. The chart loads and maps data from a CSV file using d3.csv, then scales the values with d3.scaleLinear and d3.scaleBand. It renders axes through d3.axisLeft and d3.axisBottom, and appends rectangles to an SVG canvas to represent each day’s measurement. The bars are drawn dynamically based on the data, with a fixed chart margin and explicit width and height set in the SVG element.

Jun 11, 2019