Skip to content

Open Visualization Session Proposal: Building a Framework-Agnostic Web Component Library for Scalable, Accessible Visualizations #460

@shellyscheng

Description

@shellyscheng

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)


Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions