ArSi's Blog

Charts in Nuxt with ECharts: Visualizing My Coding Journey Have you ever wondered how much time you actually spend coding? Or which languages dominate your workflow? For my latest portfolio update, I didn’t just want to claim I’m active—I wanted to prove it. The solution: A seamless integration of WakaTime data, visualized through the power of Apache ECharts in a Nuxt 3 environment. Why ECharts? While there are many charting libraries (Chart.js, D3.js, etc.), ECharts won me over for several reasons: High Performance: It handles large datasets with ease. Declarative Configuration: You describe the “what,” not the “how.” Nuxt Ecosystem: Thanks to the nuxt-echarts module, it integrates perfectly with SSR and hydration. The Architecture: From API to Pixels The workflow behind my portfolio looks like this: Data Source: WakaTime tracks my coding hours directly in VS Code. Server-Side: I use a Nuxt Server Route ( /server/api/wakatime.ts ) to fetch data secur...

👋 Welcome to my Blog Why a Blog? I've been looking for things you Should do in the past, and stepped over some Recources that say that its a good idea to start a Blog, so im doing it. About me Im a Frontend Developer using Nuxt and Vue. I will mainly upload things relied to them here. I will also talk about some Backend things and not Framework realted things like Tailwind etc. My Website

Welcome to StackEdit! Hi! I’m your first Markdown file in StackEdit . If you want to learn about StackEdit, you can read me. If you want to play with Markdown, you can edit me. Once you have finished with me, you can create new files by opening the file explorer on the left corner of the navigation bar. Files StackEdit stores your files in your browser, which means all your files are automatically saved locally and are accessible offline! Create files and folders The file explorer is accessible using the button in left corner of the navigation bar. You can create a new file by clicking the New file button in the file explorer. You can also create folders by clicking the New folder button. Switch to another file All your files and folders are presented as a tree in the file explorer. You can switch from one to another by clicking a file in the tree. Rename a file You can rename the current file by clicking the file name in the navigation bar or by clicking the Rename button...

 Yeah, its just a test.