Documentation
A guide to using the CipherFlow platform.
How to Use the Visualizers
Our interactive visualizers are the core of CipherFlow. They are designed to be intuitive, but here is a breakdown of the common controls you will find:
- Enter Text: This is the input field for your plaintext message that you wish to encrypt.
- Key Input: For algorithms that require a key (like Caesar, Vigenère, etc.), this is where you will enter it.
- Generate/Encrypt Button: Click this to start the step-by-step visualization process.
- Speed Control: Use the slider to adjust the speed of the animation, allowing you to follow along at your own pace.
- Step-by-Step Breakdown: As the visualization runs, a panel will typically show a log or explanation of each transformation, substitution, or permutation as it happens.
About the Content
Each article on CipherFlow is designed to be a comprehensive guide to a specific topic. We categorize our content by difficulty (Beginner, Intermediate, Advanced) to help you find material that is appropriate for your level of knowledge.
Technical Details
This website is built using Astro, a modern static site generator, and styled with Tailwind CSS. The interactive visualizations are built with vanilla JavaScript to ensure they are fast and accessible. The site is hosted on GitHub Pages.
Questions or Feedback?
If you have any questions, spot a bug, or have a suggestion for a new visualizer, please get in touch! We'd love to hear from you.