How a 100‑Line React Chart Library Sparked a Decade of Open‑Source Leadership

This interview chronicles Wang Zhiwei’s journey from a university student experimenting with GitHub to the CTO of AntV, highlighting how his 100‑line Echarts‑for‑React component launched a thriving open‑source career, shaped Ant Group’s culture, and offers practical advice for developers eager to contribute to open source.

Alipay Experience Technology
Alipay Experience Technology
Alipay Experience Technology
How a 100‑Line React Chart Library Sparked a Decade of Open‑Source Leadership

Column Introduction

Every open‑source project is backed by vibrant individuals. Ant Open Source showcases these contributors to help the community recognize and appreciate their impact.

Guest Profile

Wang Zhiwei (alias Xiao Wei) – former front‑end architect of Ant Group’s DeepInsight platform, CTO of AntV, author of the technical booklet “From 0 to 1 Developing a Chart Library”, and one of China’s top 100 developers in 2021.

Early Open‑Source Experience

While still a student in 2013, Wang began internships and used the nickname “hustcc” on blogs and GitHub. He explored existing UI components, learning from others’ code and submitting issues.

After joining a game company as a test developer, he needed a React component for ECharts. Finding none, he built Echarts‑for‑React in about 100 lines, which quickly became a core React component in the ECharts ecosystem and earned many stars on GitHub.

Joining Ant Group

Ant’s DeepInsight platform adopted his component, leading to a successful interview and his entry into Ant’s Experience Technology Department, where he has spent six years focusing on visualization and open source.

Ant’s Open‑Source Culture

Wang describes Ant’s culture with three words: “open and inclusive”, “collaborative creation”, and “playful activity”. He emphasizes that openness allows community contributions, collaboration drives sustainable growth, and a playful spirit keeps developers engaged.

Why Ant Invests in Open Source

Technical: showcases code quality, standardizes processes, and gathers community feedback.

Team Influence: builds a recognizable team footprint in the community.

Visualization Community: addresses gaps and improves the ecosystem.

Commercial: leverages open source to attract users and convert them into customers.

Open Source as Long‑Term Discipline

Initially driven by passion, Wang realized that open source becomes a disciplined, agile workflow that improves code quality and aligns with business KPIs, turning community work into measurable value.

Practical Tips for Contributing

Identify pain points in existing libraries and build better alternatives.

Experiment with different coding styles to achieve elegance.

Share well‑written solutions that can benefit others.

Develop ecosystem tools around popular projects.

Adapt successful patterns to new domains.

Maintain creativity throughout the process.

Conclusion

Open source transformed Wang from a quiet coder into a community leader, enriching his technical skills, professional influence, and personal growth.

frontend developmentReActopen-sourceDeveloper ExperienceData VisualizationEChartsAntV
Alipay Experience Technology
Written by

Alipay Experience Technology

Exploring ultimate user experience and best engineering practices

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.