diff --git a/telegram-history-analysis/anichart/data/avatar/桂.jpg b/telegram-history-analysis/anichart/data/avatar/桂.jpg
new file mode 100644
index 0000000..c432616
Binary files /dev/null and b/telegram-history-analysis/anichart/data/avatar/桂.jpg differ
diff --git a/telegram-history-analysis/anichart/src/index.ts b/telegram-history-analysis/anichart/src/index.ts
new file mode 100644
index 0000000..a888562
--- /dev/null
+++ b/telegram-history-analysis/anichart/src/index.ts
@@ -0,0 +1,45 @@
+import * as ANI from "anichart";
+
+const stage = new ANI.Stage();
+stage.options.fps = 60;
+stage.options.sec = 40;
+
+const userid: {[id: string]: string} = {
+  'user1868166081': '桂',
+}
+
+// Bar chart
+ANI.recourse.loadCSV("./output.csv", "data");
+let bar = new ANI.BarChart({
+  dateLabelOptions: {},
+});
+
+// Disable name display
+bar.barInfoFormat = (id, meta, data) => ''
+bar.showRankLabel = false
+console.log(bar.data);
+
+
+// Avatars
+for (let key in userid) {
+  let user = userid[key]
+  ANI.recourse.loadImage(`./avatar/${user}.jpg`, user);
+}
+
+stage.canvas.width = 1920;
+stage.canvas.height = 1080;
+const rect = new ANI.Rect({
+  shape: { width: 1920, height: 1080 },
+  fillStyle: "#1e1e1e",
+});
+stage.addChild(rect);
+stage.addChild(bar);
+
+const center = new ANI.Text({ text: "uwu", font: 'Microsoft Yahei UI' })
+center.fontSize = 90
+stage.addChild(center);
+
+stage.play();
+stage.output = true;
+
+// new ANI.MapChart({});