BC Data Catalogue Content

100%

BC Data Catalogue Content

✓ Published0🌍 Public

Last edited Apr 6, 2016

Created on Oct 29, 2015

This interactive dashboard visualizes the content of the BC Data Catalogue's published public records in a searchable, filterable table. It connects to the catalogue's live API to retrieve and display dataset titles, descriptions, publication dates, and licenses, with each title linking to its catalogue page. Built with Bootstrap Table, jQuery, and a loading spinner library, the table uses data attributes for client-side pagination and search functionality, enabling users to explore the available datasets directly from the API.

AI-generated description

Similar vizzes

Loading thumbnail…

BC Offsite Species

This visualization displays British Columbia offsite species data on a world map, with bubble size reflecting area in square kilometers. Users can brush the time-series histogram below to filter the mapped points. The map uses d3.geoPath with Albers projection and country boundaries from the World Atlas TopoJSON. The histogram bins data by month using d3.histogram and d3.scaleTime, with brushX interactions syncing the view.

AAlan McConchie

60% match

Loading thumbnail…

Fish_wholesale_bc

This example visualizes British Columbia fish landings and wholesale values over time using a streamgraph. Toggle buttons switch between the two variables, and hovering reveals species-specific details. Built with d3.v4, it uses `d3.nest` for data grouping, `d3.stack` with the `d3.stackOffsetWiggle` offset, and `d3.area` for rendering. Data is loaded via jQuery AJAX from the BC Data Catalogue API, and an SVG path is drawn for each species layer with tooltips.

MMbrownshoes

60% match

Loading thumbnail…

CAP 4744/5745 - Interactive Data Visualization - Project 2

This interactive dashboard presents four distinct datasets—Calvin College 2004, Iris, Titanic Passenger List, and World Bank Science & Technology—each accessible via a Bootstrap navigation bar. The main page displays thumbnail images linking to separate visualizations. The code uses D3.js v5 to generate simple scatterplots, loading data and mapping values to x and y scales with `d3.scaleLinear` and `d3.extent`. Circles are appended to SVG containers using `selectAll` and `data` joins, with positioning based on array indices and a specified y-field.

Aanagi2597

59% match

Loading thumbnail…

Gist 062e2198aa30fcbc94657e1e50de22e5

This interactive line chart uses D3.js to show grade-to-grade transition rates for British Columbia school students, with dropdown menus to select a demographic group and a comparison group. An animated slider scrubs through school years, triggering a brush interaction that updates the chart display. The visualization relies on D3’s time scale, linear scale for the slider, and SVG axes, while Bootstrap and Bootstrap Select handle the interface styling. The data appears to be sourced from the BC Ministry of Education’s public dataset on grade transitions.

MMbrownshoes

59% match

Loading thumbnail…

Gist e6fd5e60c1a06a14607e7c8cecae680f

This example maps the geographic distribution of oil and gas activity in British Columbia, showing well locations and facility sites as points over a basemap of the province. The visualization uses R’s `httr` library with `GET()` and `set_cookies()` to fetch a CSV dataset from the BC Oil and Gas Commission’s reporting portal, then renders the spatial data as a static plot. While the code does not specify a particular plotting package, the structure suggests base R graphics or a simple map layer, with coordinates derived directly from the parsed CSV content. It emphasizes raw data retrieval and immediate plotting without interactive elements.

MMbrownshoes

59% match

Loading thumbnail…

air quality

This interactive visualization displays real-time air quality measurements for a selected British Columbia monitoring station. It presents pollutant concentrations as a series of clickable buttons, showing the most recent value for each measure, with the currently selected pollutant highlighted. The interface is built with D3 v4, rendering SVG elements and animations, and loads data dynamically from a CSV file via the gov.bc.ca API. Users can switch between different air quality metrics, such as NO2, PM2.5, and SO2, to explore the station’s current conditions.

MMbrownshoes

58% match

Loading thumbnail…

Gist 40ca15ac0d6b9529e05fcfa15e22928d

This interactive map of British Columbia’s regional districts shows municipal solid waste disposal rates in kilograms per capita for 2014, with districts colored by a threshold scale. Hovering over a district reveals its exact rate, while a bar chart displays historical disposal trends for the selected region. The visualization uses D3.js with `d3.geo.path` and TopoJSON to render the map, and it dynamically updates a bar chart and line graph from the CSV dataset. Tooltips provide contextual population and tonnage figures on demand.

MMbrownshoes

58% match

Loading thumbnail…

Table

This gallery shows a table of tabular data, rendering each record as a row with cells for every column. The data is added to the page via an HTML table, with a header row containing the column names. It uses D3.js to bind the data and create the table structure. The example is connected to a dashboard through the `Table` function in `table.js`, pulling from a CSV file of periodic table elements.

JJerfaas

58% match