[Herramienta] Panel de Análisis de Uso de DeepSeek API — Visualizador Multidimensional 100% Frontend

[Herramienta] Panel de Análisis de Uso de DeepSeek API — Visualizador Multidimensional 100% Frontend

Por Qué Construimos Esto

Con el rápido crecimiento del uso de DeepSeek API, las exportaciones CSV del panel oficial se volvieron cada vez más difíciles de leer. Cientos de filas de números — ¿qué proyecto consume más tokens? ¿Está la tasa de caché donde debería? ¿Cómo se distribuyen los costos entre las diferentes API Keys? Respuestas que deberían ser obvias estaban enterradas en aburridas hojas de cálculo.

Para entender realmente estas métricas clave, decidimos construir nosotros mismos un panel de visualización simple, intuitivo y absolutamente seguro.


Funcionalidades Principales

Cuatro Dimensiones de Análisis

  1. Análisis de Costos — Costo total, gráfico de barras diario, gráfico de anillos de distribución por clave
  2. Análisis de Uso — Total de tokens, tabla de desglose por clave, estadísticas de solicitudes
  3. Análisis de Caché — Tasa de aciertos, gráfico de línea de tendencia diaria, gráfico de barras apiladas por clave
  4. Análisis de Tendencias — Alterne libremente entre costo / tokens / tasa de aciertos / solicitudes

Características Destacadas

  • Fusión Inteligente Multimensual — Cargue archivos de varios meses a la vez. Emparejamiento automático por nombre de archivo para análisis de tendencias sin esfuerzo.
  • Filtro de Modelos — Cuando hay varios modelos, use el control segmentado estilo Apple para alternar vistas.
  • Interfaz Bilingüe — Alternancia chino/inglés con temas claro/oscuro. Las preferencias se guardan automáticamente.

Privacidad Radical y Arquitectura Moderna

Al manejar datos de facturación, la privacidad es una línea roja innegociable. Elegimos una arquitectura puramente frontend:

  • Framework: Next.js 16 (App Router) + React 19 + TypeScript
  • Análisis CSV: Papa Parse (se ejecuta en un Worker del navegador, sin bloquear la UI)
  • Gráficos: ECharts 5
  • Estilos: Tailwind CSS + temas duales basados en propiedades personalizadas CSS

Todo el análisis CSV y la renderización de gráficos ocurre 100% en su navegador — sin servidores backend, sin bases de datos, sin rastreo. Sus datos existen solo en la memoria de su navegador.


Sobre MindRose

Este proyecto es desarrollado y publicado como código abierto por Gavin Chen y el equipo de MindRose. MindRose es un equipo tecnológico enfocado en ofrecer soluciones digitales ligeras para pequeñas y medianas empresas manufactureras, logísticas y de comercio transfronterizo.

No vendemos una vaga "transformación digital" — usamos IA y desarrollo ágil full-stack para entregar aplicaciones que resuelven problemas reales en semanas. Desde sitios web optimizados para SEO hasta sistemas ágiles de negocio, pasando por la integración de Agentes de IA en flujos de trabajo.


Pruébelo Ahora

Abra https://deepseek-usage.xyz, arrastre sus archivos CSV de facturación de DeepSeek y obtenga información multidimensional al instante.

Completamente de código abierto — estrellas y contribuciones son bienvenidas: Repositorio GitHub