📊 Transifex Report Dashboard

A client-side, zero-dependency web application specifically designed to visualize, analyze, and report your personal translation statistics exported from Transifex.

View demo

This tool empowers translators and reviewers to go beyond the standard Transifex reports. All data is stored securely in your browser's localStorage, ensuring complete privacy and control. No servers, no sign-ups, no tracking.

I made this (with help from AI) at first for myself. But then I thought, why not share it with everyone as open source? So I decided to share it.

---

✨ Key Features

The dashboard is built with a focus on powerful data handling, insightful visualization, and a highly customizable user experience.

📈 Data Visualization & Analysis

Transform your raw Transifex data into actionable insights.

• Multiple Chart Types: Instantly switch between Bar, Line, Stacked Bar, and Pie charts to find the perfect representation for your data.
• Interactive Charts: Zoom and pan through your data to analyze specific timeframes without losing context.
• Detailed Data Sidebar: See a detailed, sortable list of all projects contributing to the current chart view, complete with progress bars.

📂 Data Management & Privacy

You are in full control of your data, from import to backup.

• 100% Client-Side: All data is stored in your browser's localStorage. Your information never leaves your machine.
• Seamless CSV Import: Directly import the summary .csv files generated by Transifex's reporting tool. The app intelligently parses the data, whether it's a detailed multi-month export or a simple project summary, and even allows you to decide how to handle conflicts for each entry individually during import.
• Full Backup & Restore: Export an entire record (all its data and structure) as a single .json file for complete backup or migration to another device.
• MEGA.nz Integration: Seamlessly back up and restore your records directly to your MEGA cloud storage account.
  • If two-factor authentication (2FA) is enabled on your MEGA account, you cannot log in due to MEGAJS limitations. 2FA must be disabled. The app also separates your local and cloud records; logging out of MEGA will restore access to your local data.
• Batch Editing: Save time by selecting and editing multiple records at once to change their date (month and year), or assign them to an aggregated report.

🎨 Customization & Usability

Tailor the dashboard to fit your workflow and preferences.

• Light & Dark Themes: Choose the theme that’s easiest on your eyes.
• Customizable Colors: Personalize the colors for "Edited" and "Reviewed" word counts to match your style.
• Multilingual Interface: The dashboard UI is available in 27 languages. Supported languages: 🇬🇧 English, 🇹🇷 Türkçe, 🇪🇸 Español, 🇩🇪 Deutsch, 🇫🇷 Français, 🇵🇹 Português, 🇷🇺 Русский, 🇸🇦 العربية, 🇨🇳 简体中文, 🇹🇼 繁體中文, 🇯🇵 日本語, 🇰🇷 한국어, 🇮🇹 Italiano, 🇳🇱 Nederlands, 🇵🇱 Polski, 🇮🇩 Bahasa Indonesia, 🇹🇭 ไทย, 🇻🇳 Tiếng Việt, 🇬🇷 Ελληνικά, 🇧🇬 Български, 🇷🇸 Српски, 🇭🇷 Hrvatski, 🇺🇦 Українська, 🇬🇪 ქართული, 🇸🇮 Slovenščina, 🇦🇿 Azərbaycan türkcəsi, 🇮🇳 हिन्दी, 🇷🇴 Română.
• Print-Friendly Reports: Generate clean, professional, print-optimized reports of your current chart and data table with a single click.
• Undo Functionality: Mistakenly deleted a record or an entry? A 10-second "Undo" toast notification gives you a chance to reverse most destructive actions.
• First-Time User Tour: When a user opens the web app for the first time, a small interactive guide will walk them through the main features.
• Chart Search: Quickly find and highlight specific projects on the graph to make your data analysis faster.

🛠️ Tech Stack

• HTML5
• CSS3 (with variables for easy theming)
• Vanilla JavaScript (No frameworks, pure JS for maximum performance)
• Chart.js: For beautiful and interactive charts.
• chartjs-plugin-zoom: For chart zooming and panning functionality.
• MEGAJS: Unofficial JavaScript SDK for MEGA.

🚀 Getting Started

Getting started is incredibly simple.

1. Clone the repository:

   git clone https://github.com/scravonix/Transifex-Report-Dashboard.git

2. Navigate to the directory:

   cd Transifex-Report-Dashboard

3. Open the index.html file in your browser.

   • You can open the file directly from your device.

📖 How to Use

1. Export from Transifex: First, export your statistics as a .csv file from your Transifex organization's reporting page.
2. Import or Add Data:
   • Open the Settings (⚙️) > Go to page (✏️).
   • In the ↔️ File operations tab, use the ⬆️ Import CSV report button to load your file.
   • Alternatively, you can add or edit entries manually in the ✏️ Report editor tab.
3. Save Your Session: Use the 📂 Report management tab to save your current data for future use.
4. Analyze: Return to the main page and use the filters to visualize your progress.

📄 License

This project is licensed under the GNU General Public License v3.0. See the LICENSE file for the full license text.

Under this license, you are free to use, share, and modify this software. However, any derivative works you distribute must also be licensed under the same GPLv3 terms, ensuring the software remains free and open-source.