SWK testing 3 month

100%

SWK testing 3 month

✓ Published0🌍 Public

Last edited Nov 11, 2020

Created on Nov 11, 2020

This visualization displays a bar chart of dry waste before segregation for the HiraSethChawl – Waras Lane over a three-month period in 2020. The chart uses a vega-lite-api specification with a single bar mark encoding a quantitative y-axis and temporal x-axis. Data is loaded asynchronously from a TSV file via `d3.tsv`, filtered to a single lane, and parsed for numeric values. Custom axis and label styling are applied through a config object, while the chart is rendered with vega-tooltip for interactive hover details.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

SWK testing

This chart displays daily dry-waste totals after segregation for lanes in the SWK dataset, with bars colored by lane name and tooltips showing the number of houses performing segregation. Built with the vega-lite-api, it uses `vl.markBar()` and encodes the sum of `drywaste_af` against the date field. Data loads from a CSV via `d3.csv`, with the view sized to the window and rendered as SVG.

AAnimesh Nautiyal

87% match

Loading thumbnail…

Untitled

This example visualizes municipal waste segregation data for three lanes in Mumbai, overlaying lane polygons on a map with a dark fill and white borders. The map uses `d3.geoMercator` projection and `d3.geoPath` to render GeoJSON features from `dummy_lane_polygon_swk.json`. A related CSV file `dummytracksheet.csv` provides daily tracking metrics such as houses reached and dry/wet waste amounts, though the visible code loads the data without drawing the linkage lines. The visualization is built with D3 v4 and React, rendering to an SVG element.

SShweta-tech

71% match

Loading thumbnail…

Scatter Plot - RDG2018

This scatter plot displays monthly waste measurements in kilograms (WasteKgs) for 2018, sorted by month. The visualization uses React with D3 v6 for scales and SVG rendering, loading CSV data from a GitHub gist. It employs `scaleTime` for the x-axis and `scaleLinear` for the y-axis, with reusable axis components and circle marks that include native SVG tooltips via the `<title>` element. Custom Poppins typography and teal circle styling give the chart a clean, modern appearance.

AAndres de la Garza

66% match

Loading thumbnail…

first level drilldown

A choropleth map of municipal ward 61 visualizes waste generation data, initially displaying aggregated totals for regions like ANAND NAGAR and Tarapore Garden. Clicking a region triggers a smooth zoom animation that drills down to show individual building clusters within that area, colored by their respective waste output. The visualization uses D3.js v5 with `d3.geoPath`, `d3.geoMercator`, and `d3.zoom` to render GeoJSON boundaries and enable the interactive transition. It merges CSV waste metrics with geographic features to drive the color scale and drilldown logic.

AAkshita Shukla

64% match

Loading thumbnail…

Fork of Waste-Aggregation by gates

This interactive map displays building-level waste generation data in a Mumbai ward, using Leaflet to render an OpenStreetMap base layer with circle markers. Each building marker is color-coded and clickable, revealing a popup with population, dry waste, wet waste, and total waste values from GeoJSON fetched via D3.js. The visualization overlays building-to-gate mapping data, highlighting which buildings are connected to specific waste collection gates. The code uses `d3.json` to load GeoJSON data from a GeoNode WFS service and a GitHub-hosted mapping file, with Leaflet's `L.geoJSON` handling dynamic styling and interactive popups.

AAndre J Denais

64% match

Loading thumbnail…

Bar chart

A horizontal bar chart displays population counts across weekly periods from 2019-W31 to 2019-W35. The bars are drawn as green SVG rectangles using D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with `axisLeft` and `axisBottom` providing tick labels. Data is loaded from a local CSV file via `d3.csv`, and numeric values are coerced with unary plus. The visualization uses an SVG container with fixed margins, rendering the chart in a clean, minimal style.

GGeolffrey S Mena

64% match

Loading thumbnail…

Untitled

A bar chart displays monthly monetary values from 2013-01 through 2014-02, with each bar’s height encoding the value and labeled on the y-axis as "Value ($)." The chart uses an ordinal x-scale with rotated date labels and a linear y-scale, rendered as SVG rectangles. Built with D3 version 3.5, it employs `d3.svg.axis`, `d3.time.format`, and `d3.csv` to load and parse the `bar-data.csv` file. Data points are formatted as monthly timestamps, and axes include tick marks with rotated text for readability.

RRohit-2710

64% match

Loading thumbnail…

Untitled

This bar chart displays monthly electricity consumption for a two-year period, using green and blue bars to represent different billing accounts. The visualization loads data from a local CSV file and renders an SVG graphic using D3.js version 3.5.17. The code employs d3.scale.ordinal for the x-axis, d3.scale.linear for the y-axis, and d3.svg.axis for tick marks and labels. Month and year values are parsed with d3.time.format, while the vertical axis label is rotated using SVG transforms.

Vvenkatajayanth03

64% match