# Charted Data 面向技术写作者、分析师、创始人和数据团队的源码博客平台，在自有网站直接发布带交互式图表的 Markdown 与 MDX 内容，呈现可探索的数据故事。 - Findings24: - 网站: - 价格: Freemium - 分类: 开发者工具 ## 什么是 Charted Data？ Charted Data 是一个源码博客平台，用于发布内置交互式图表的 Markdown 和 MDX 内容。它将静态图表截图替换为可视化内容，让读者能够查看、筛选和导出数据，同时将内容与呈现方式保留在发布者自己的网站上。 该产品将图表创作与完整的发布工作流相结合，包括管理后台 CMS、草稿与发布控制、分类与标签、搜索、RSS、相关文章以及 SEO 和社交元数据。图表可以从博客内容中提取并预览，专用图表页面和图表画廊则提供了浏览可视化内容的更多方式。 它适用于数据驱动的内容发布场景，包括 SaaS 指标、创始人动态、财务分析、研究和新闻报道。文档所述的设置流程包括配置源代码、连接 Neon PostgreSQL 和 Neon Auth，以及通过 Vercel 部署 Next.js 应用。 ## Charted Data 能做什么？ ### 七种交互式图表类型 创建柱状图、折线图、面积图、饼图、雷达图、径向图和组合图。选项包括自定义颜色和渐变、堆叠或横向布局、数据标签、图例、工具提示、目标线和参考基准线。 ### 读者筛选与导出 读者可以按行和列筛选图表数据，通过悬停工具提示查看准确数值，并将可视化内容下载为 PNG 文件，或将原始数据下载为 CSV 文件，以便在电子表格工具中使用。 ### MDX 发布工作流 使用 Markdown 和 React 组件撰写文章，支持语法高亮代码、表格、提示框、视频、链接、图片、折叠面板、标签页和嵌入式图表组件。 ### 内置 CMS 与管理功能 \`/admin\` 管理面板支持创建和编辑文章、草稿、精选文章控制、元数据管理、自动生成 slug，以及为指定管理员提供的无密码邮箱验证码身份验证。 ### 搜索、SEO 与内容发现工具 平台包含全文搜索、分类、标签、分页、相关文章、RSS、自动生成的站点地图、OpenGraph 预览、JSON-LD 结构化数据、规范 URL，以及自动生成的阅读时间估算。 ### 可配置的源码部署 品牌、导航、链接、博客设置和 SEO 值通过 \`config/site.ts\` 管理。文档所述的部署路径使用 Bun 或 npm、Neon PostgreSQL、Neon Auth 和 Vercel。 ## 使用场景 ### SaaS 指标与产品报告 发布经常性收入、增长、功能或客户成功动态，通过图表让读者查看底层数值，而不是依赖静态报告图片。 ### 创始人与初创公司进展记录 以博客形式记录公司随时间推移的发展，将叙事性的 MDX 文章与趋势图表及可下载数据结合起来，形成更便于查阅的公开记录。 ### 研究与财务分析 使用适合比较、分布和时间序列分析的图表类型与参考标记，呈现调查结果、市场观察或财务趋势。 ### 数据新闻与技术写作 围绕可解释的数据可视化构建文章，并在同一出版物中提供配套代码、表格、提示框、搜索、元数据和可分享的图表页面。 ## 常见问题 ### Charted Data 如何设置？ 文档所述的快速开始流程是复制或下载源码仓库，运行 \`bun install\` 或 \`npm install\`，自定义 \`config/site.ts\`，配置所需的环境变量，然后将项目部署到 Vercel。该设置会连接 Neon PostgreSQL 和 Neon Auth。 ### 我需要使用第三方图表嵌入吗？ 不需要。该产品将图表作为博客应用的一部分呈现，专门设计为避免使用外部嵌入和 iframe。它还提供 iframe 嵌入代码生成器，以便在其他位置嵌入图表。 ### 读者可以对已发布的图表做什么？ 读者可以按行和列筛选数据，通过悬停工具提示查看准确数值，并将图表下载为 PNG 文件，或将底层数据下载为 CSV 文件。图表还可以拥有专用页面和可分享链接。 ### 管理员如何进行身份验证？ 管理区域使用无密码邮箱身份验证。管理员输入在 \`ADMIN\_EMAIL\` 中配置的邮箱，接收六位数的一次性验证码，然后使用该验证码访问 \`/admin\`。 ### Charted Data 是按订阅方式销售的吗？ 网站将 Starter、Pro 和 Agency 计划描述为付费产品，提供终身更新，并表示不收取月费。各计划包含的内容不同，其中 Agency 计划增加了去品牌化和面向客户转售的权利。 ## 快速信息 - **产品类型**: 带交互式数据可视化功能的源码博客平台 - **主要用户**: 技术博客作者、分析师、创始人、研究人员、记者和数据团队 - **图表类型**: 柱状图、折线图、面积图、饼图、雷达图、径向图和组合图 - **内容格式**: Markdown 和 MDX - **管理访问**: 通过 Neon Auth 进行无密码邮箱身份验证 - **文档所述的部署方式**: 使用 Neon PostgreSQL 和 Neon Auth 的 Vercel 部署方式