@welefen/bar-race

dynamic bar race, support 2d & 3d

Usage no npm install needed!

<script type="module">
  import welefenBarRace from 'https://cdn.skypack.dev/@welefen/bar-race';
</script>

README

DataRace

webm 转 mp4

ffmpeg -i video.webm video.mp4

mp4 添加音频

ffmpeg -i video.webm -i 1.mp3 -c:a aac -strict experimental -shortest out.mp4

BarRace format

{
  "columnNames": [],
  "data": [
    {
      "image": "http://p5.qhimg.com/t014895ec8287387110.png",
      "label": "Angola",
      "values": [],
      "category": "Africa"
    }
  ]
}

BarRank format

[{
  "image": "",
  "label": "",
  "value": 0
}]

视频转 gif

ffmpeg -t 3 -ss 00:00:02 -i small.webm small-clip.gif

背景图