.gitea | ||
css | ||
fonts | ||
img | ||
js | ||
.gitignore | ||
index.html | ||
LICENSE | ||
README.md |
Cyber Circle Creator
Yo choom!
Welcome to the preem Cyber Circle Creator, an advanced visualization tool with a cyberpunk twist that I have forked from AMNatty/Mastodon-Circles and enhanced.
This tool allows you to explore and visualize your Fediverse connections through an interactive diagram.
Overview
Cyber Circle Creator transforms the way you perceive your Fediverse connections into an immersive, cyber-futuristic visualization. Simply input your Fediverse handle, and watch your network unfold dynamically.
This project is built upon enhancements from AMNatty/Mastodon-Circles, andigandhi/Mastodon-Circles, and contributions from noellabo including Fedibird support.
Features
- Network Visualization: Enter your Mastodon or other Fediverse handle to generate a visual representation of your network.
- Cyberpunk Aesthetics: Experience sophisticated designs with dynamic lines and sci-fi-inspired backgrounds.
- Easy Sharing: Easily share your network visual by creating a unique link with your handle.
Getting Started
To get started with Cyber Circle Creator, visit Cyber Circle Creator and input your Fediverse handle. For direct access, append your handle to the URL in this format: https://ccc.cyber.to/?@username@instance.tld
.
Installation Guide
For those who wish to host Cyber Circle Creator on their own net, follow these steps:
- Download the Project
- Clone the repository via Git:
git clone https://git.cyberwa.re/revengeday/cyber-circle-creator.git
- Alternatively, download it as a ZIP or tarball:
- Download ZIP
- Download tar.gz
- Upload Files
- Once downloaded, upload the contents of the project to your preferred webspace.
- Make sure your hosting service supports basic HTML/CSS/JavaScript execution.
- Access The Tool
- Navigate to the uploaded directory's
index.html
file in your browser to access Cyber Circle Creator.
Customization Options
Tailor the tool to your liking with various customization features available. Adjust line colors, avatar sizes, and more via the config
object in js/image.js
.
Quick customization pointers:
logoSrc
: Define the path to your project’s logo image.backgroundColor
: Set the canvas's background color.lineColor
: Customize the color of the connection lines.- And More: Explore further options to enhance your personalized experience.
Need Assistance?
For additional information or support, please visit the FAQ section on the project site or connect with me on the Fediverse at corteximplant.com/@revengeday.
Acknowledgments
A big thank you to all contributors who have helped shape the Cyber Circle Creator. You can find the list of contributors here.
Contributions Welcome!
Contributions are highly encouraged! Feel free to fork the repository and propose changes. Your insights and improvements are invaluable to the growth of Cyber Circle Creator.