Retrials

100%

✓ Published0🌍 Public

Last edited Feb 17, 2020

Created on Feb 13, 2020

Retrials presents a world map as a central visual, paired with a one-dimensional time display and a searchable filter panel, all within a web-based dashboard. The interface is constructed using HTML elements, CSS for the fixed layout, and an external world map image. A search form provides text input and a button but does not reveal the underlying interaction logic. The page relies on the custom styles from `styles.css` to structure the main, filter, and sidebar areas, though no specific data visualization libraries are invoked in the provided files.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization presents a multi-panel interface for exploring geospatial and mapping data. A sidebar on the left lists map layers, while the central viewport is divided into sections for a large map display, a grid of detail panels, and a document viewer with form and template areas. The right sidebar shows variable controls. The layout is constructed entirely with HTML and CSS absolute positioning, using styled divs with color-coded backgrounds to structure the interface, but no interactive data is rendered.

LLCherryholmes

60% match

Loading thumbnail…

Interactable time table

A world map displays circles sized by the total number of dead and missing migrants, with country boundaries and graticules rendered via d3.geoPath and geoNaturalEarth1. A brushed time histogram below, built with d3.brushX and scaleTime, filters the map to show only incidents within the selected date range. Data comes from the Missing Migrants Project dataset, and the visualization uses React's useMemo for performance.

AAinaLluv

58% match

Loading thumbnail…

Interactable time table

This interactive visualization combines a world map of missing migrant incidents with a linked time-series histogram. The map uses a natural Earth projection rendered with `d3.geoPath` to plot bubble-scaled circles representing the total dead and missing at each location, while a brushable histogram below allows filtering the map by reported date. React hooks like `useMemo` optimize rendering performance, and the data comes from the Missing Migrants Project dataset. The visualization is built with React, D3 v5, and TopoJSON for country boundaries.

ZZY Huang

56% match

Loading thumbnail…

Interactable time table

This interactive visualization combines a world bubble map with a time-series histogram to explore migrant deaths and disappearances. The map uses a natural Earth projection via `d3.geoPath` to plot circles scaled by the number of dead and missing, while the histogram below aggregates the same data by reported date using `d3.bin` and `scaleTime`. A brush on the histogram filters the map’s circles, dynamically updating the visualization. Built with React and D3 v5, it sources data from a Missing Migrants CSV and country boundaries from TopoJSON.

Jjsong

56% 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

55% match

Loading thumbnail…

Untitled

This visualization presents a workstream dashboard filter interface, allowing users to select date ranges and creditor branch codes to refine displayed data. The interface includes a toggleable filter panel with a dropdown for branch selection and date pickers for start and end dates, with applied filters stored in Redux state. Built with React and TypeScript, it uses the `fwg-pattern-library` components, `react-query` for fetching branch codes, and `react-i18next` for translations. The SVG rendering includes a filter icon, while data loads from a local `db.json` file.

DDivya-Pamarthi

55% match

Loading thumbnail…

Untitled

This interactive table displays data records with fields like filename, label, and perplexity scores, controlled by two sliders that filter the dataset by user-defined ranges. Built with React and rendered as SVG with animation, the visualization uses D3.js for slider creation and data binding, Crossfilter for multidimensional filtering, and the dc.js library for data table and count management.

Vvaynexie

55% match

Loading thumbnail…

Optimizing Multiple Views

A world map displays missing migrant incidents as semi-transparent circles scaled by the square root of the death toll, with a linked date histogram below. Brushing the histogram filters the map’s circles to the selected time range. The visualization uses React, D3 v5’s `geoNaturalEarth1`, `geoPath`, and `scaleSqrt`, with brushed data filtered via `brushX` and `event.selection`. Data comes from the Missing Migrants Project CSV and world-atlas TopoJSON.

Rrstrauss127

55% match