> For the complete documentation index, see [llms.txt](https://kelby.gitbook.io/super-zero-protocol-sero/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kelby.gitbook.io/super-zero-protocol-sero/api3001-ke-hu-duan-3001-fu-wu-duan/dashboard.md).

# dashboard

The dashboard is a data visualizer integrated into gero, intended to collect and visualize useful information of an Ethereum node. It consists of two parts:

\* The client visualizes the collected data.

\* The server collects the data, and updates the clients.

The client's UI uses \[React]\[React] with JSX syntax, which is validated by the \[ESLint]\[ESLint] linter mostly according to the \[Airbnb React/JSX Style Guide]\[Airbnb]. The style is defined in the \`.eslintrc\` configuration file. The resources are bundled into a single \`bundle.js\` file using \[Webpack]\[Webpack], which relies on the \`webpack.config.js\`. The bundled file is referenced from \`dashboard.html\` and takes part in the \`assets.go\` too. The necessary dependencies for the module bundler are gathered by \[Node.js]\[Node.js].