'How to make a Spectrogram chart in Flutter

I need to make spectrogram chart in flutter application.

Let me know how we can achieve the spectrogram chart in flutter application.

Here is the attached image of the chart which I need to achieve

Spectrogram Chart



Solution 1:[1]

Not an ideal solution, but because my project required tflite anyway, I ended up using tflite-models-audioset-yamnet. After some slight modifications to convert.py, I used this model in my flutter application to get the spectrogram arrays. At that point, I had to convert floats to uint8s, resize it to be an image shape, and used ui.decodeImageFromPixels to display it.


(changes to the python function -- removed predictions from the yamnet_frames_tflite_model function and just call model.save('spectrogram.tflite') in the main before loading weights or converting the model)

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Stephen C