{"repo":"brainband-vizard/vizard","free":true,"listed":false,"github":"https://github.com/brainband-vizard/vizard","clone":"git clone https://github.com/brainband-vizard/vizard.git","description":"CSV-like Markdown extensions for rendering charts and lightweight data visualizations","language":"TypeScript","stars":12,"topics":["chart","csv","d3","data-visualization","extension","markdown","markdown-it","readme","typescript","graph"],"license":"MIT","category":"analytics","readme_excerpt":"vizard 🪄 Open Source Markdown-based Data Visualization Tool 📖 About vizard is an open source tool that allows you to easily visualize charts and tables from CSV/DSL data within markdown documents. Just enter your data in a code block and it will be automatically rendered as bar charts, line charts, tables, and more. ✨ Features - Automatic CSV/DSL Chart Rendering - Live Preview - Easy Extensibility - Quick Start 📁 Project Structure - apps/md-renderer/ : Markdown preview and chart rendering app - apps/web/ : Web frontend app (with assets, utils, views, types, etc.) - packages/src/render/ : Rendering functions for bar chart, line chart, table, etc. - packages/src/parseCSV.ts : CSV/DSL code block parsing function - packages/src/markdown.ts : Markdown renderer and utilities - docs/ : Sample markdown and data (located under each app) 🚀 Getting Started 1. Installation 2. Run For the web app: For the markdown renderer app: Open your browser and go to http://localhost:5173 📝 Chart Block Syntax You can render charts and tables by writing a CSV code block in your markdown. The first line (info string) can include options like title and type . Syntax: Options: - title (optional): The chart or table title. - type (required): The visualization type. - bar : Bar chart - line : Line chart - table : Table 🛠️ Usage Simply enter a CSV code block in the markdown editor and the chart will be rendered automatically. CSV Chart Example: 🖼 Example 🤝 Contributing 1. Fork this repository. 2. Cr","default_branch":null,"files":null,"tree":[],"storefront":"/r/brainband-vizard","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/brainband-vizard/vizard/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}