Dashboard Open Source com estilo de "Desenhado à Mão"
Esbarrei recentemente com o ossinsight-lite, um repositório que implementa uma Dashboard customizável com estatísticas do seu perfil no GitHub onde todos os gráficos possuem um estilo de desenhado à mão.
Demonstração ao vivo: https://ossinsight-lite.vercel.app/
Gráficos com estilo de desenho à mão
Talvez o mais interessante de ter esbarrado nesse projeto foi lembrar da existência do rough.js que é a biblioteca que foi utilizada para gerar estes gráficos.
Ela possui uma API bem simples de usar, por exemplo, este código abaixo:
const rc = rough.canvas(document.getElementById('canvas'));
rc.rectangle(10, 10, 200, 200); // x, y, width, height
Gera esta imagem:
Você pode criar qualquer forma na verdade e preencher elas com estilos muito legais:
