wafrat - wafrat (Page 5)

Part 7: Building a log-scaled histogram of Aave's loans in Vega

In the previous post, we built a pie chart to figure out the relative size of each coin. We figured precise percentages, and concluded that 5 coins were leading, and everything else accounted for less than 1% each. Let's stop looking at total volume for a moment and focus instead

Best web charting libraries

Back in the days, the popular ones were Google Charts, Charts.js, D3. What about now? The old guard Google Charts was nice, but it's now in maintenance mode. Charts.js seems to still be quite active. I've never tried it, so I can't give an informed opinion on it.

vega

Part 6: Building a pie chart of Aave's loans in Vega

In the previous post, we built a stacked bar chart of Aave's loans in Vega. We found out trends for daily loan volume and a clear ranking of coins. But we couldn't figure out the relative size of coins. Let's build a pie chart to visualize that piece of information.

vega

Part 5: Building a stacked bar chart of Aave's loans in Vega

In the previous post, we built a line chart of Aave's loans in Vega. It was nice to find the 3 major coins and the minor coins, but we were unable to see the total volume of loans. We can figure that out with a stacked bar chart. Basic stacked

vega

Part 4: Building a line chart of Aave's loans in Vega

In the previous post, we exported Aave's loan data to a readable JSON of rows. Now let's display the time series in a line chart. Date scales What if I have events that happen throughout the day, but I'm only interested in the total sum of values per day, week

dapp

Part 3: Parsing Aave's GraphQL loan data

Aave's GraphQL database is a trove of information. It also has its own intricacies. In this post, I'll show how I parsed its information into a friendly format in order to chart it in Vega. This is a continuation of my post on how to query a dApp's GraphQL data

ghost

Embedding Vega charts in Ghost posts

vega

Making charts with Vega

Eventually I'll distill what I've learned about making charts into this cheat sheet. For now you can check out a collection of posts about making various charts. Line Charts for Time Series See http://blog.wafrat.com/building-a-line-chart-of-aaves-loans-in-vega/. Stacked Bar Charts See http://blog.wafrat.com/building-a-stacked-bar-chart-of-aaves-loans-in-vega/. Pie chart See

dapp

Loan statistics on Aave

Aave is a leading decentralized lending/borrowing platform with a huge valuation. See https://defipulse.com/aave. There is also a cool website that provides comprehensive data: https://v2.aavewatch.com/. However I find it hard to parse and I'd like to have a more graphical view of what's happening.

dapp

Part 2: Querying dApp GraphQL databases in React and TypeScript hosted on The Graph

As we saw in the previous post, it is not ideal to do it in Dart or Flutter. So let's do it in React and TypeScript instead. Create a React project in TypeScript First let's create a React project in TypeScript (see doc): npx create-react-app borrow-stats-react --template typescript Running npm

dapp

Part 1: Querying dApp GraphQL databases in Dart hosted on The Graph

I wanted to read the GraphQL database in Dart to make analytics for the decentralized platform Aave. It turned out to be harder than I thought! The Graph The Graph is a service that hosts GraphQL databases for dApps. One specificity is that The Graph adds some annotations to GraphQL

flutter

Using flutterfire_ui's SignInScreen with unit tests

On the blog post describing the release of Flutter 2.8 (see https://medium.com/flutter/whats-new-in-flutter-2-8-d085b763d181), they introduced flutterfire_ui. This library provides standard UI for signing in with Firebase Auth. The post is a bit long cause I ran into a few issues. If you are not interested

flutter

Fixing `The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 8.0, but the range of supported deployment target versions is 9.0`

I usually debug my Flutter apps using the Android Emulator. This time, I used the iOS Simulator. Except it threw this error: note: Using new build system note: Planning note: Build preparation complete note: Building targets in dependency order /my_project/ios/Pods/Pods.xcodeproj: warning: The iOS Simulator deployment

flutter

Fixing `Module was compiled with an incompatible version of Kotlin.`

Today I upgraded Flutter from version 2.7 to 2.9, and my app compilation started failing with this error: ~/.gradle/caches/modules-2/files-2.1/org.jetbrains.kotlin/kotlin-stdlib-common/1.5.31/43331609c7de811fed085e0dfd150874b157c32/kotlin-stdlib-common-1.5.31.jar!/META-INF/kotlin-stdlib-common.kotlin_module: Module was compiled with an incompatible version of Kotlin.

flutter

Fixing `permissionhandler/PermissionUtils.java:370: error: cannot find symbol if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S && hasPermissionInManifest(context, null, permission )), symbol: variable S, location: class VERSION_CODES`

My app suddenly refused to run on my Android Emulator. The error was: Launching lib/main.dart on sdk gphone64 arm64 in debug mode... WARNING: [Processor] Library '~/.gradle/caches/modules-2/files-2.1/com.github.canardoux/flutter_sound_core/8.4.2/d794510c32a335c61b742367e24e84ea0b0995c8/flutter_sound_core-8.4.2.aar' contains

gaming

Viewing angle by screen type

Last time I wrote about perceived pixel size by screen type. Today I'll write about viewing angle. Viewing angle is the angle that your screen makes to your eyes. For a given screen, as you move closer to it, viewing angle increases. Immersiveness increases as viewing angle increases. But how

gaming

What's a retina display?

I recently started using an old 1080p TV as my monitor for my gaming PC. Since I sit close to it, the immersion is nice when playing Assassin's Creed. However the pixels are huge! I was wondering if I would still see the pixels if I had a 4K TV

gaming

Graphics cards comparison

In the past few weeks, I've regained interest in gaming, and I got curious about laptops vs desktop graphics cards. So I made this chart. Methodology Data source Initially, I just googled a few GPU models and ended up using userbenchmark.com. Here's what the page looks like for my

gaming

Gaming: desktop, laptop, consoles or streaming?

In this post I'll compare 4 ways to play video games: desktop PC, laptop, consoles and streaming. My goal is to play Assassin's Creed Valhalla, Age of Empires 4 and Diablo 4 when they come out. Streaming The two main players in that area are Google Stadia and Amazon Luna.

gaming

My gaming PC over time

In this post I'll describe the desktop PC that I have assembled and used for gaming since 2012. Initial build in 2012 In April 2012, I assembled a PC primarily to play Diablo 3, which came out in May 2012. It had: * a Core i5-2500K processor * an NVIDIA GeForce GTX

flutter

Fixing `xcrun: error: unable to find utility "xcodebuild", not a developer tool or in PATH`

Today I tried to run a Desktop (macOS) Flutter app that used to run perfectly. This time, instead of launching, it threw this error: Launching lib/main.dart on macOS in debug mode... lib/main.dart:1ProcessException: Process exited abnormally: xcrun: error: unable to find utility "xcodebuild", not a developer

tensorflow

Using TensorFlow addons on Mac with M1

These days I am building an image classifier using an unbalanced dataset. So instead of Accuracy, I am more interested in viewing Precision and Recall, or the F1 score. The F1 score metric is implemented by https://www.tensorflow.org/addons/api_docs/python/tfa/metrics/F1Score. So I went

tensorflow

Using the Keras Tuner

Recently I read about the Keras Tuner. A hyperparameter tuner in machine learning is a piece of software that will train random combinations of models in order to find the best architecture. See https://www.tensorflow.org/tutorials/keras/keras_tuner. The idea is simple: 1. make a function that

m1

Homebrew on Mac with M1

Recently I needed to install graphviz. On their official site, they say one way is to use Homebrew. Workaround: use Rosetta 2 Here's what I got: % brew install graphviz Error: Cannot install in Homebrew on ARM processor in Intel default prefix (/usr/local)! Please create a new installation in /opt/

m1

Installing scikit-learn, panda, scipy, numpy on a Mac with M1

Before installing scikit-learn, you should install its dependencies. Installing Pandas Pandas installs fine with pip install pandas. However, when I tried to import it in my Jupyter Lab notebook, it crashed with this error: ValueError Traceback (most recent call last) in ----> 1 import pandas as pd ~/miniforge3/envs/tf25/