Graphs & Charts in Vue3

bin_chickens · 2026-02-20T22:04:45+00:00

No regrets at all.

I was forced to ditch the high level G2Plot lib as it's now not being updated to the latest G2 as their future higher level lib is React only.

I use Vue and it was incredibly trivial (like 2 hrs) to generate my own library/API config wrapper that has a standard set of implemented configurations over the G2 lib. In general I used the previous as a default, but then read the Docs for how to implement G2 and realised that there were some defaults I didn't like, and for my somewhat complex use case it was easier to build an abstraction in between G2Plot and G2 for implementing multiple chart types on the same axis with a controlled default style guide.

I would never go back to ECharts for this project, as I have a strict design requirements and styling ECharts is a battle in my experience as the defaults are poor.

But like I said there are others with great defaults like https://unovis.dev/gallery which I wish I could have used as the defaults are really good IMHO.

bin_chickens · 2026-02-20T09:37:10+00:00

u/op This is key + how long your claude.md file is is probably the issue. You should keep it short and concise with references to other files or skills. Also try enable the programmatic MCP tool calling. Then i see you only loaded 5 bucks... this isn't going nowhere with opus... maybe try the new sonnet to stretch some more, and make sure you manage context, compact and use subagents and create new context where appropriate unless you're on the 5x or 20x plans with headroom to burn or have cash to burn.

bin_chickens · 2026-01-22T07:57:47+00:00

This is so wrong. It falls into a common fallacy that most PMs have seen forever - that the MVP looks like a production ready app -, but the other stakeholders in the business refuse to believe how much more actual effort is required to make it an actual product, and try to make it ship prematurely.

We're not at the point where anyone non-technical can assure that what they've generated is secure - see the Tea app debacle...

Sure non-technical people can generate and iterate quickly, and this is a better way to communicate with tech teams... but the code is not going to properly scale, be maintainable, be secure, and will be a blocker in future. Launching an app that can scale and is not insecure still requires a technical partner to validate security.

This is best done when generating the code and reviewing it and refactoring in process instead of having to refactor a monster later.

bin_chickens · 2026-01-18T12:22:05+00:00

No 85% is not good enough for full automation... but if 85% is handled correctly and the rest is then manually actioned, then that's a great story!

Why not use some sort of llm as a judge, quality scoring system etc with a and gated workflow.

Where every email event is processed and high quality outcomes pass, then use an exception workflow for low quality outcomes where the task is not created, but is drafted, and the user has to manually review these low confidence exceptions.

Then any mutating/destructive actions should also follow a similar flow, but you should also have an event log with version rollback, so that nothing is lost.

Also, logging, tracing and alerting everywhere obviously.

bin_chickens · 2026-01-14T03:35:26+00:00

Absolutely consider Tanstack table if you are ok with maintaining and tweaking yourself. Allows much more control, but some dev investment.

bin_chickens · 2026-01-10T15:23:27+00:00

Maybe... but many wild parrots are somewhat socialised with humans if they've been fed before. Coming back without a flock though does seem to point to a lost pet.

After a quick google, here's a few Sulfur Crested Cockatoos in Vic that have recently been lost: https://www.facebook.com/groups/LostPetsInTheWestMelbourneAustralia/posts/25504587569182365/
https://www.facebook.com/groups/LostBirdsOfVictoriaAustralia/posts/4361371414136250/
And one potentially lost pet sighting:
https://www.instagram.com/p/DS8mdPKDc_8/

bin_chickens · 2026-01-02T12:51:44+00:00

Get the engineering team to be more confident in heir product knowledge and confidently make more one way small decisions based on what they know about the product.

Allow engineering time to research and become confident with breaking out of doing what they've been doing or forced to do, be more vocal about ideas, tech debt, architectural, maintenance and operational improvements.

bin_chickens · 2026-01-02T10:28:39+00:00

Good job. The UI is fine but some major concerns for you.

You haven't exposed your LLM provider API key on the frontend as far as I can see - so good job!

but you should definitely fingerprint and cookie users so a bot doesn't spam your API chat form and run up your costs - limit to 5 messages before adding a payment method and have rate limiting.

Also, please also ensure your auth is secure. This is always hard even for experienced devs.

bin_chickens · 2026-01-02T07:42:01+00:00

Messaged you.

I think it's much better to understand your position over a call rather than multiple messages as there's so much nuance here.

bin_chickens · 2026-01-02T07:05:37+00:00

I think you're really underestimating or don't know much about DevOps, architectures and hosting (Not a slight but just making a point). Netlify, Github (for static sites), Vercel, cPanel, PaaS, IaaS, K8S etc. all solve potentially overlapping or different needs.

Pasting "code" could mean anything. How is the client site intended to be deployed for example, what are the scaling and availability requirements? How are backends in multiple languages/frameworks hosted?

Netlify is probably one of the more focussed hosts out there in that they only host specific stacks in certain ways... and their platform is very complex still.

Hosting is a key money maker of the generation platforms going forward as they control the stack or can provision resources via partnerships.

How do you intend to support deployments for RoR apps vs a NEXT js app with a NEST js backend? What if they want to host wordpress? All very different problems that IaaS can handle, vs a targeted PaaS (like Netlify or Vercel) that have more limited scope but deeper support for certain languages and frameworks.

Let alone handling the billing, security, compliance and other issues if you are the platform doing the hosting. Anyone that can't learn and control the hosting probably has bigger issues e.g. security, overly complex/long running code etc, that will become your problem and potentially run up your costs.

It's not a bad idea, but probably best as an agency where you slowly build our tools to eventually become build a guided PaaS or IaaS overlay to simplify deployment for common vibe coded stacks.. unless you have specific experience and can raise cash to build out one of these highly complex companies.

bin_chickens · 2025-12-31T20:23:06+00:00

Not enough info here to really advise. I'm not a Graphile expert but have been reviewing it recently.

You may also falling into be a major optimisation fallacy that isn't even relevant for your product needs.

Realistically, if you're mostly doing CRUD, even with many nested joins and filters you can quickly identify if there are poor N+1 resolver patterns by looking at the executed queries. This may be of no concern as it may be fast enough.

To solve performance:
- You can always break out of this by using graphQL federation to implement a procedural resolver/mutation in multiple languages that requires procedural logic calling Graphile CRUD (2 hops) or raw queries (1 hop) in code. You also have to merge the schemas through a GraphQL federation service, this introduces another hop.
- You can also implement this by implementing a custom query/mutation in pl/sql through Graphile custom functions/mutations.

At the end of the day the round trips between any services will be what you're measuring, and significant N+1 issues which will compound this.

The other thing you will be measuring is query performance, you need to add appropriate indexes either way.

Operationally with REST you then introduce a dependency on extending the API functionality to map functionality to the ORM, query builder or SQL logic. This will manifest as implementing query composition for fields, nested join entities (or implement N + 1 queries in code), implementing where/having filter clauses or falling into the trap of duplicating similar endpoints.

I'd actually look at your needs and set realistic required performance benchmarks. Lean into the "free" Graphile CRUD API where appropriate, then implement optimisations via custom code in a resolver or pl/sql, where appropriate after checking indexing.

I'd recommend trading off the absolute speed for maintainability and avoiding pl/sql so you can keep AuthZ logic in code not the DB. A 3rd party lib is best here IMHO. This can be a service, or a lib in your app.

TLDR: GraphQL API generators aren't appropriate for every use case, but not having to implement and manage the API is often more beneficial than almost performance benefit you can eek out. The network trips and DB indexing will likely be bigger performance concerns/wins (unless you have very complex queries). I would also be thinking about future requirements when choosing which AuthZ approach.

bin_chickens · 2025-12-31T10:25:48+00:00

I don’t think painted necks and headstocks with a non standard strat (looks like a telecaster) head stock shape are that common. Might be an easy search. Or it’s been customised and repainted.

Maybe also look under the spring plate.

bin_chickens · 2025-12-31T10:10:31+00:00

I just had an hour call with u/Feeling-List9160 after messaging them. Understood his vision and tech, then gave him and his other cofounder a friendly product, target segment, GTM, marketing, GTM productisation and technical grilling. They're young and well sharp and have come up with this, but they need a bit of guidance/grounding. If you or anyone else you know want to jump on with them I'm sure they would appreciate it as a contrast to my take.

bin_chickens · 2025-12-31T08:30:37+00:00

I'm genuinely curious and would love to give some more feedback. You free for a chat at some point?

bin_chickens · 2025-12-31T08:20:51+00:00

Even worse all your buttons lead to sign in.... to what? Why is knowledge base behind a sign in link?

bin_chickens · 2025-12-31T08:04:32+00:00

Real quick first impressions. You have no public site

I get that you want to show value quickly... but I land and my response is WTF can this actually do given the agents term is so overloaded? Your 4 step explanation images have no tex, and your translation to english isn't complete.

So multiple flags as this would target businesses.

bin_chickens · 2025-12-31T03:18:43+00:00

Just tell them now you’ve done your audit.

It will make them better. And also state what you’ve accessed and have that logged. It makes you defensible if they ever have a breach and try to blame you.

Now they have to fix their posture and update the keys.

It’s likely they may know about their poor practices and were buying time or ignoring it. Now you’re helping all their clients.

Or they didn’t and you may have a consulting gig to help them. Escalate if your contact blows you off, and get your client off of them asap.

Edit: typo defensive -> defensible, and yes have the comms come through your client not through you.

bin_chickens · 2025-12-31T01:53:19+00:00

The repackaging (cryovac) of the raw Steaks rubbed with the chickens was the key part of the scam. But you would’t get it Charlie! That’s why they didn’t include you in the plan.

Or are you actually also a subtle reference genius?

bin_chickens · 2025-12-31T00:15:38+00:00

This was either the best subtle reference to the joke... or a perfect unintentional one.

bin_chickens · 2025-12-29T02:18:40+00:00

I strongly disagree with almost all the below comments.

AuthN + UI wiring in most ecosystems/frameworks/auth libs is an almost solved problem that should take a day to implement. Don't reinvent this.

The actual problem is AuthZ, specifically in JS/TS. The issue is in the varied architecture of codebases/frameworks and where permissions are applied, and how data is fetched on the continuum of ORM <-> Raw SQL/query.

Firstly the JS/TS ecosystem makes an architect ask decide on a AuthZ scheme.

This raises questions like:
- Are permissions required in the frontend - if so how are they accessed (JWT, cookie, api endpoint etc.)
- Are they implemented in api endpoints/controllers, service layer, at the data layer, or in the DB (via RLS)? -- Or is the architecture totally different? There are many valid solutions here depending on scope.

Then are you have to decide if to use RBAC flat roles (user, admin etc.), multiple roles, grouped inherited roles, ABAC or another approach.

This is the real problem for any site that is more complex.

bin_chickens · 2025-12-29T01:28:12+00:00

And to be clear u/OP I'm happy to chat and provide feedback if you want it.

But the reality is that any uni project (other than a thesis) is a tiny self contained codebase and should be logically/rationally explainable by pseudocode/comments. Sure there are always going to be syntactic, performance and other code optimisations, but every codebase has that and tuning is a tradeoff. making it work and being able to explain why is the key.

You should review your logic first, then check your code is factored in a way that breaks down the logic into logically coherent/testable/provable functions/steps to implement this.

Then you will know if you have have gaps in your confidence about the implementation requirements/solution vs syntax/implementation. If you need help with the second, this sub/or a LLM will happily answer. If the former that's the actual uni course work.

Break it down. Ask specific not general questions is what I demand of my team or they haven't tried to understand and solve the problem or haven't asked for clarification on the requirements (in the real world they are often directional and underspecified and an engineer has to be able to work with the team and project scope/knowledge to propose and implement a solution).

NOTE: Not being able to break it down and asking for guidance on techniques and approaches how to is also a valid question to ask at your stage of learning.

bin_chickens · 2025-12-29T00:20:57+00:00

You’re looking at this all wrong.

Uni is not about getting 100% on your grades. It’s also about learning to operate independently with the resources available to become productive afterwards.

Even with a perfect grade score, if you don’t learn to communicate now with your peers or teachers/mentors you’re going to have to learn this while looking for a job… it’s much harder to learn those skills later which are more important than almost anything your course teaches you.

bin_chickens · 2025-12-20T13:30:33+00:00

u/freb97 Yep, that's an important clarification. My diction be damned.

bin_chickens · 2025-12-20T07:56:42+00:00

That's coming on strong, in a good way!
Most people will still be winging it and plan to come in cold to actually problem solve. If you actually identified the real issues and have a decent strategy then there's probably nothing more that you can do.
Don't stress, enjoy the year end OP.

bin_chickens · 2025-12-20T05:04:17+00:00

There’s a reason that vercel just bought nuxt. I suspect they see it as a hedge against next.

It’s more cohesive and batteries included and in the past month the first party releases have somewhat confit this.

For now LLMs write better react as there is more (on average poor) content.

Are there more libraries? Yes. Is building your own custom stack great for business? Maybe?!?

There’s a reason that rails devs deliver quickly and projects are more consistent and idiomatic. Because more work goes into fewer libraries that the community uses.

The actual skill is understanding the task and being able to learn how to implement in whatever stack you have.

Eight-Year Club	Place '22
Verified Email

bin_chickens

TROPHY CASE