Contra - A professional network for the jobs and skills of the futureAI Innovation : Dynamic Graph Automation Using Playwright and GPT-4 Vision Objective The goal is ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
AI Innovation : Dynamic Graph Automation Using Playwright and GPT-4 Vision
Objective
The goal is to automate the validation of chart data (e.g., bar and line charts) rendered via <canvas> elements. These charts are typically inaccessible via standard DOM selectors, so we use AI to visually extract and compare data against source values from Excel files or API response
Validates charts even without DOM access
Enables testing of visual business KPIs (e.g., spend, pricing trends)
Easily scales across apps using similar charting libraries
Reduces reliance on fragile CSS selectors or internal JS objects
Bridges the gap between visual UI and backend accuracy
New here, so I'm slowly filling in my portfolio and getting to know the place. So far I like it.
Here's an extract from Software Intelligence, a Framer site I designed and built a few months ago for an enterprise data consulting startup.
The visual idea mirrors what they do with data: compact blocks that animate, break apart and recompose, like charts taking shape. Few effects, all consistent, everything managed through the CMS.
If you have a minute, take a look at the full case study.
I'd love to know what you think, especially whether the motion supports the content or ends up overpowering it.
You're very welcome, Francesco — glad the note landed. The motion in that extract really does the heavy lifting for the content, so keep sharing your work here. Looking forward to seeing what's next from you. ✌️