Harrison (@hshoff) header
Harrison (@hshoff) profile picture

Harrison

@hshoff

Airbnb since 2010. Created visx & the Airbnb JS style guide

 computer
hshoff.dev
Joined June 2010
  • Tweets386
  • Following679
  • Followers2.9K
89Media
Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)Photo by Harrison (@hshoff)
visx 1.0 a collection of expressive, low-level visualization primitives for React github: github.com/airbnb/visx home: airbnb.io/visx/ blog: medium.com/airbnb-engineerin…
GitHub - airbnb/visx: 🐯 visx | visualization components

GitHub - airbnb/visx: 🐯 visx | visualization components

🐯 visx | visualization components. Contribute to airbnb/visx development by creating an account on GitHub.

github.com
10
55
13
284
Foldable APIs 1. Device Posture developer.mozilla.org/en-US/… 2. Viewport Segments developer.mozilla.org/en-US/…
95
!function(){}(); // => true ~function(){}(); // => -1 +function(){}(); // => NaN -function(){}(); // => NaN
1
162
There was a time when JavaScript didn’t have modules. If you see your agents or writing code like this, don’t worry. They’re just based and reference the sacred texts
97
5 years from now are folks still using dashboards?
1
208
The answer is, “of course”. But you’ll have to squint. They’ll be generated on-demand per task. Investigations, runbooks, AAR, ad-hoc exploration, should all collapse to one “thing”. Whatever that ends up being
1
98
Grok Bot feels obvious in retrospect apps.apple.com/us/app/grok-b…
1
221
Grok bots + cursor origin + vercel for origin + work from phone = 🐐
1
229
Need to figure out unification and get the naming/branding sorted out. The cursor vs grok naming is weird. I vote cursor for product, grok for models
1
122
Working with @bot is fun
32
github.com/facebook/astryx/i…
Image from Harrison (@hshoff)
1
138
looks like the investigation was based off the legacy visx v3 and not the modern v4. There are no more lodash, prop-types/classname deps github.com/facebook/astryx/i…
Image from Harrison (@hshoff)
100
Image from Harrison (@hshoff)
1
2
172
Get good at reading code written by others. This was true before AI. Even more true now
5
742
Image from Harrison (@hshoff)
Harrison (@hshoff) profile pictureHarrison
@hshoffJun 17
visx 4.1 is getting a shadcn-compatible chart registry Registry items install into apps as plain React source files that compose visx packages, use shadcn/ui-style CSS variables, include live @visx/a11y wiring, and remain fully editable after install. The goal is to make the first chart in a dashboard fast and polished while preserving the core visx model: low-level primitives, explicit rendering, and no registry runtime or opaque chart framework between users and the installed source. github.com/airbnb/visx/pull/…
feat(registry): add shadcn-compatible chart registry by hshoff · Pull Request #2019 · airbnb/visx

feat(registry): add shadcn-compatible chart registry by hshoff · Pull Request #2019 · airbnb/visx

To be released in 4.1.0 Why the visx chart registry? The post-4.0 registry work needs a source-first way to give users complete, editable chart starters without turning visx into a chart framework....

github.com
2
334
visx 4.1 is getting a shadcn-compatible chart registry Registry items install into apps as plain React source files that compose visx packages, use shadcn/ui-style CSS variables, include live @visx/a11y wiring, and remain fully editable after install. The goal is to make the first chart in a dashboard fast and polished while preserving the core visx model: low-level primitives, explicit rendering, and no registry runtime or opaque chart framework between users and the installed source. github.com/airbnb/visx/pull/…
feat(registry): add shadcn-compatible chart registry by hshoff · Pull Request #2019 · airbnb/visx

feat(registry): add shadcn-compatible chart registry by hshoff · Pull Request #2019 · airbnb/visx

To be released in 4.1.0 Why the visx chart registry? The post-4.0 registry work needs a source-first way to give users complete, editable chart starters without turning visx into a chart framework....

github.com
1
1
513
Also coming in 4.1 @visx/theme: github.com/airbnb/visx/blob/… @visx/a11y: github.com/airbnb/visx/blob/…
visx/packages/visx-theme/Readme.md at master · airbnb/visx

visx/packages/visx-theme/Readme.md at master · airbnb/visx

🐯 visx | visualization components. Contribute to airbnb/visx development by creating an account on GitHub.

github.com
Harrison (@hshoff) profile pictureHarrison
@hshoffJun 16
Replying to @hshoff
Update for visx 4.1. Going to go the GitHub registry route instead: > npx shadcn add airbnb/visx/line-chart
3
307
s o o n in [email protected] npx shadcn add @visx/line-chart
2
1
301
Update for visx 4.1. Going to go the GitHub registry route instead: > npx shadcn add airbnb/visx/line-chart
1
412
Charts should be more than pixels We’re working on a new @visx/a11y package to help visx charts ship with semantic descriptions, fallback data tables, live announcements, and keyboard-friendly data exploration. More soon github.com/airbnb/visx/blob/…
visx/packages/visx-a11y/Readme.md at master · airbnb/visx

visx/packages/visx-a11y/Readme.md at master · airbnb/visx

🐯 visx | visualization components. Contribute to airbnb/visx development by creating an account on GitHub.

github.com
3
141
Load more