-
Notifications
You must be signed in to change notification settings - Fork 61
Description
Proposal
Topic of the session
Building a Framework-Agnostic Web Component Library for Scalable, Accessible Visualizations
Type of the session
- Collaborate
- Workshop
- Talk
Estimated duration of the session
1 hr
Level
- Beginner
- Intermediate
- Advanced
Pre-requisite knowledge
Participants will benefit from familiarity with:
- Web component standards (custom elements, shadow DOM, etc.)
- Data visualization principles
- Front-end architecture patterns
- Accessibility guidelines for data viz (e.g., WCAG, ARIA roles)
Describe the session
As visualization libraries evolve, many open-source projects are facing a similar challenge: how to scale beyond bespoke chart implementations and create tools that work across frameworks and platforms.
This session explores the lessons learned from building framework-agnostic, web component-based visualization systems. Topics we’ll discuss include:
- Why web components can serve as the backbone for cross-team, cross-platform visualization libraries.
- Balancing flexibility and accessibility, so components meet enterprise and open-source needs.
- Strategies for embedding accessibility directly into core components.
- Techniques for integrating with popular frameworks like React, Vue, and Angular while staying framework-neutral.
- Examples of integrating with visualization frameworks like D3.js or libraries like React, Vue, and Angular.
Session facilitator(s), Github handle(s) and timezone(s)
Shelly Cheng (@shellyscheng) – PST
Meeting notes and Virtual Meeting Link
Follow-up / Set-up sessions (if any)
Additional context (optional)