Skip to main content
100%

DC Certified Business Enterprise

✓ Published0🌍 Public
Aadilyalcin
Last edited Mar 20, 2017
Created on Mar 20, 2017

This interactive dashboard visualizes certified business enterprises in Washington, DC, using a linked-view layout. It shows a choropleth map of wards alongside bar charts for business structure, certification categories, preference points, and a timeline of expiration dates, with a searchable business list. The visualization is built with d3.forceSimulation for dynamic layout, d3.geoPath for rendering ward boundaries, and d3.transition for smooth updates. Data is loaded from a Google Sheet and processed with custom parsers for categories, dates, and geographic identifiers, enabling coordinated filtering and zoom interactions across all panels.

AI-generated description

Similar vizzes

Loading thumbnail…

DC - Certified Business Enterprises

This visualization displays certified business enterprises from a Google Sheets dataset, organized by business structure, certifications, ward, and expiration date. The records appear in a searchable, sortable list, with summaries filtered into left and bottom panels using DC.js and Crossfilter. The visualization uses the dc.js charting library, built on D3.js, to create linked interactive charts that respond to user selections. A JSON configuration file defines the data source and layout, enabling dynamic filtering across all panels simultaneously.

Aadilyalcin
90% match
Loading thumbnail…

DC Council Legislations

The visualization displays DC Council legislations, with each record listed and color-coded by summaries such as Status, Category, Type, Committee Referral, and Introduction Date. It uses d3.forceSimulation to position the records and d3.forceLink to connect related items, while the left and right panels show categorical breakdowns and the bottom panel shows temporal distribution. The data comes from a Google Spreadsheet, and the record display includes a text search and a link to the official legislation page.

Aadilyalcin
66% match
Loading thumbnail…

Zoomable Circle Packing

This visualization presents a zoomable circle packing diagram of business metrics, organized by quarter (2017Q4, 2018Q1, 2018Q2) and then by category such as Demos, Pipeline Growth, and Proof of Concept. Each circle’s area encodes a numeric value, and clicking any circle zooms in to reveal its child categories, with smooth animated transitions. The D3 v4 implementation uses a linear color scale from light purple to dark blue, with leaf nodes rendered in white. Hovering highlights circles with a black stroke. The hierarchical dataset (flare.json) is structured by quarters and business activities, with leaf sizes representing counts or scores for items like Workplace, Teams, and Yammer. The visualization is built with SVG and includes interactive zooming driven by D3's pack layout.

WWeikerWT
63% match
Loading thumbnail…

County Business Practices

This visualization compares data from the U.S. Census Bureau’s County Business Patterns for 2020 against a separate dataset of scores. Using a D3.js-based web application, it loads two CSV files from GitHub Gists and displays their parsed contents as JSON in two separate `<pre>` elements. The code leverages d3’s `csvParse` and `select` APIs within a state-driven render loop, fetching and updating data asynchronously to showcase raw data from the Combined Statistical Areas. It offers a minimal, text-based view of the structured datasets.

Hhmkyriacou
63% match
Loading thumbnail…

DC Housing Insights - Projects Browser

The DC Housing Insights Projects Browser visualizes subsidized housing projects across Washington, D.C., using a multi-panel faceted browser. Records appear as a grid of thumbnail images with project names, street-view links, and sortable columns for building count and subsidy dates. The tool uses the KSHF library with d3.js to aggregate data from a Google Spreadsheet into interactive summary panels, including categories like "At Risk" or "Expiring," plus filters for ward, zip code, owner, and manager type. Users can collapse panels and toggle details by zooming on individual project cards.

Aadilyalcin
63% match
Loading thumbnail…

Class 10

A data-visualization example titled “Discovering D.C. by Bike” shows bike-sharing stations, bike trails, and tourist attractions across Washington, D.C., on an interactive zoomable map. It uses d3-geo with a Mercator projection and d3-tile for the basemap, while d3-zoom enables pan and zoom with tile scaling. Hovering over markers reveals tooltips, and a legend explains the symbols. The code loads three GeoJSON datasets from GitHub and renders all elements as SVG with animation support, using d3.v4 and d3-legend for the color legend.

AAnaMal08
62% match
Loading thumbnail…

Class 10

This interactive map of Washington, D.C., overlays bike-sharing stations, hiking trails, and points of interest onto a zoomable Mercator projection. Users can hover over red station markers or green trail paths to see tooltips with addresses, bike counts, or trail lengths. Built with D3 v4, the example uses `d3.geoMercator` and `d3.geoPath` to render geographic features, while `d3.zoom` and `d3.tile` provide a smoothly scaling tile-based view. Data is loaded from three remote JSON files hosted on GitHub, and the interface supports mouse-based panning and zooming.

AAnaMal08
62% match
Loading thumbnail…

Gist 8393675

This visualization displays Washington, D.C. neighborhood boundaries as an interactive map, using a GeoJSON file that defines 217 polygons with quadrant and sub-hood properties. The map renders each neighborhood as a distinct shape, allowing users to explore the geographic distribution of the city’s areas. The code employs Vue.js for the application framework and integrates Leaflet for map rendering, with the GeoJSON data loaded and styled through Leaflet’s geographic path utilities. The dataset originates from The Washington Post’s compiled neighborhood boundaries, scraped and cleaned by Code for DC.

Aadkatrit
62% match