VRLab Brussels members vs active

100%

VRLab Brussels members vs active

✓ Published0🌍 Public

Last edited Jun 27, 2017

Created on Apr 14, 2016

This animated 3D visualization compares the total membership and active member counts of VRLab Brussels over time, using data from Meetup.com statistics. Rendered in a virtual-reality scene with A-Frame, yellow boxes represent total members and semi-transparent red boxes represent active members, arranged in a circular formation with heights scaled by count. The scene includes a rotating camera view, a yellow sphere, and a floating VR Lab model. D3.js computes the radial layout and bar heights dynamically from two arrays of monthly data points.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Engagement

This interactive D3.js visualization explores Virtual Reality (VR) engagement in education through two linked views. An engagement scatter plot maps weekly VR usage hours against a 1-5 engagement scale, with color-coded points distinguishing the Impact and Education datasets, while solid versus hollow circles differentiate VR users from non-users. A secondary grouped bar chart displays user distribution across age groups and education levels, with dynamic filtering by education level. Built with d3.select, d3.scaleLinear, d3.scaleBand, and d3.csvParse, the tooltips provide detailed information on hover, and the UI supports toggling between datasets and views.

KKal

64% match

Loading thumbnail…

Interactive dataviz for VR

This interactive dataviz places a 3D scatterplot inside a virtual reality scene using A-Frame, with five red spheres positioned along a path connected by a tube. The example shows how D3’s data-driven approach can generate VR entities, as the code iterates over a hardcoded array of coordinates to create each sphere. A gaze-based cursor triggers a custom `cursor-listener` component that raises a sphere on mouseenter, simulating selection without controllers. The scene includes transparent planes as spatial reference grids and a light blue sky, while D3 v4 remains unused beyond its inclusion in the HTML.

UUtopiah

64% match

Loading thumbnail…

try vr piece Ben Heubl tutorial VR Chart

This WebGL-powered D3 visualization renders a virtual reality bar chart from a dataset of US population estimates by age and sex. Using d3.v3 and WebGL, it maps age groups along the X-axis, population counts on the Y-axis, and uses colored bars for male and female cohorts, with animation providing an immersive, 3D perspective for exploring demographic structure.

BBenHeubl

64% match

Loading thumbnail…

VR graph

This example renders a force-directed graph as a 3D virtual reality scene using A-Frame and D3.js. It shows five nodes from the Les Misérables dataset as colored spheres, connected by cylinders sized by link value. The code uses D3’s force layout (`d3.layout.force`) to simulate node positions, then updates A-Frame entity attributes (`position`, `geometry`) on each tick. D3’s selection API handles scene creation and event binding, including a fuse cursor on the camera for VR interaction. The scene includes ambient and point lighting, a sky background, and a customized camera with visible cursor.

UUtopiah

63% match

Loading thumbnail…

VR Game Data

This visualization displays the availability of assistive technology education programs across different regions, broken down by delivery mode: online, in-person, and hybrid. Using a stacked bar chart, each region shows the cumulative count of programs across these three categories. The chart is built with D3.js, employing `csv`, `scaleBand`, `scaleLinear`, `scaleOrdinal`, `stack`, and `axisBottom`/`axisLeft` APIs. Data is loaded from a local CSV file and rendered as SVG elements.

KKal

62% match

Loading thumbnail…

d3js workshop - animated bar charts

The visualization displays the English Premier League table as an animated horizontal bar chart, with each bar representing a team’s points total and colored by number of wins. Circles above the chart encode the same data redundantly and, like the bars, respond to clicks. Built with d3.v3, the example uses d3.csv to load the league data, d3.scale.linear for both x-position and color mapping, and SVG groups with appended rects, text, and titles. Clicking a bar or circle triggers an update function, though the full behavior is not shown.

VVyrwn

61% match

Loading thumbnail…

Tree Node Interactions

This interactive visualization explores VR headset user data through hierarchical tree diagrams and radar charts. Built with React and D3.js, it shows aggregated metrics like average age, motion sickness, duration, and immersion levels, broken down by gender for each VR device. Users can switch between individual device trees, a summary view, and radar chart comparisons, with hover tooltips revealing detailed values. The three views use D3's `tree` layout for the hierarchy, an SVG-based rendering for nodes, and a Canvas-based radar chart.

KKal

60% match

Loading thumbnail…

VR Force-Directed Graph

This visualization immerses viewers in a 3D force-directed graph, rendered with WebGL for smooth, real-time interaction in virtual reality. The network displays a bundle of linked modules from the D3.js library, with node size and color encoding the module’s file size and hierarchy. Built with Vue and D3’s force simulation, the graph supports immersive navigation, allowing users to explore the dependency structure from within a VR environment.

DDenisKealy

60% match