Y Chip Area Visualizer

This app parses TXT or JSON output of Yosys stat command, and visualizes the component area in a treemap. Originally developed for my YSYX project, it can be generalized to any compatible Yosys stat outputs. So, the “Y” in the name stands for both YSYX and Yosys.

Click the cells in the generated graph to display detailed information.

File name

File type

Scale correction

Exponent

How does it work?

All parsing is done locally in the browser, and no data is sent to any server. We use D3.js for visualization, and React for DOM manipulation. The animations are powered by CSS transitions in SVG, without using third-party animation libraries. Aside from its primary functionalities, this app can also serve as an example of writing modern visualizations that are both declarative and beautiful.

The source code for this app is available at https://github.com/CSharperMantle/ysyx-chip-area-visualizer.

License

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with this program. If not, see https://www.gnu.org/licenses/.