Okay, so I was messing around with charting libraries for a project, and I wanted to see what the deal was between Liquid and G2. I’d heard good things about both, so I figured I’d give them a whirl and see which one fit my needs better.
Getting Started
First things first, I needed to get both libraries set up.
I created a simple HTML file and add script by cdn.
Playing with Liquid
I started with Liquid. It looked pretty straightforward for making, you know, those liquid fill gauges. The basic setup was super easy.
I add the script to my test html.
Then, I played the example in offical site. Looks Great!
It’s simple.
Diving into G2
Next up, G2. This one seemed a bit more… involved. It’s not just for one type of chart; it’s like a whole charting framework. So, naturally, the setup felt a little more complex. I add the script to my test html, too.
I quickly put together a basic line chart and a bar chart, just to get a feel for it.
I can use different shape, size, color…
My Two Cents
- Liquid: Super specific. If you need a liquid fill gauge, this is your jam. It’s easy, it’s quick, and it does what it says on the tin.
- G2: Way more versatile. It’s like the Swiss Army knife of charting libraries. You can make pretty much any kind of chart you can think of, but it’s gonna take a bit more elbow grease to get it set up and customized.
So, which one did I end up going with? Well, for this particular project, G2’s flexibility won out. I needed to create a few different chart types, and I didn’t want to have to juggle a bunch of different libraries. But, I’m definitely keeping Liquid in my back pocket for when I need a quick and dirty liquid gauge.
Hope this little experiment helps someone out there!
