ailing9511-star/zhen-huan-zhuan-map

This project is a constellation style map of the characters from Empresses in the Palace, known in Chinese as Zhen Huan Zhuan, a popular television drama. It shows every character as a star in a dark, space themed background, with lines connecting stars to represent family ties, friendships, rivalries, and master and servant relationships. The map is centered on the show's lead character, Zhen Huan, and highlights the most central roles in the story. The page is a single static website built with plain HTML, CSS, and JavaScript. There is no backend server, no database, and no build tooling involved. You can simply open the index.html file in a browser and it works right away. The map includes more than 100 character and object nodes along with a large number of relationship lines between them. You can drag to rotate the view and scroll to zoom in or out. Clicking on a node opens a detail panel on the side showing information about that character. A search box lets you look up people by name, rank, faction, position, title, or palace. You can also filter the map by faction or type, and the bottom of the page lists the nodes with the most connections. The layout works on both desktop and mobile screens. To run it locally, you can double click the index.html file to open it directly in a browser, or start a simple local server with Python and visit it at localhost. Deploying it is meant for GitHub Pages: create a repository, upload the index.html, README, and a .nojekyll file, then turn on Pages in the repository settings using the main branch and the root folder. Internally the page stores two kinds of data inside index.html itself: character nodes with fields like id, name, alias, category, rank, role, and biography, and relationship edges with a source, target, relation type, and related event. Anyone wanting to add more characters or relationships can extend these directly in the HTML file.