Stephanie Modica - Visualizing the Ethereum Blockchain

Visualization of the Ethereum Blockchain

• Data experience is the combination of data visualization, product design, and user experience.
• The Ethereum blockchain visualizer is a project to create an immersive experience of the Ethereum blockchain.
• Stephanie Modica, a Staff Design Engineer, presents the project and its development.

React 3 Fiber and Canvas Sketch Library

• React 3 Fiber is used to create and render 3D objects.
• Canvas Sketch Library by Matt Delaurier is a powerful tool for creating custom shaders.

Custom Shader Material

• A custom shader material is created to add color and size attributes to the 3D objects.
• Using a custom shader allows for more control over the appearance of the objects.

Audio and Sound

• Positional audio is used to create a 3D auditory experience.
• The sound is triggered when a transaction is added to the blockchain, creating a sense of movement and activity.

Data Visualization

• Data visualization is used to communicate the activity on the Ethereum blockchain in a dynamic and engaging way.
• The visualization allows users to explore the blockchain and its transactions.

Interactivity

• Users can interact with the visualization by adding transactions to the blockchain, creating a dynamic and immersive experience.
• The visualization includes features such as orbit controls to facilitate exploration.

Performance Optimization

• Performance optimization is crucial for creating an immersive experience.
• The project was optimized for performance using React 3 Fiber’s perf library.

Generative Art

• Generative art is used to create a sense of movement and activity on the blockchain.
• The art is generated dynamically based on the transactions on the blockchain.

Real-time Data Visualizations

• Real-time data visualizations are used to display the activity on the Ethereum blockchain in real-time.
• The visualizations update dynamically as new transactions are added to the blockchain.

User Experience

• User experience is a key consideration in the project.
• The project aims to provide an immersive and engaging experience for users.

Accessibility

• Accessibility is an important aspect of the project.
• The project includes features to enhance accessibility, such as audio output for visually impaired users.

Materials and Tools

• Materials such as React 3 Fiber, Canvas Sketch Library, and Dre are used to develop the project.
• Tools such as Figma are used for designing and prototyping the user experience.

Project Goals

• The project aims to provide an immersive experience of the Ethereum blockchain.
• The project aims to highlight the activity on the blockchain in a dynamic and engaging way.
• The project aims to make the blockchain more accessible and understandable to users.

Inspiration

• The project takes inspiration from the work of artists such as Rafik Anadol and generative artists like Matt Delaurier and Carney Clures.

Conclusion

• The project uses a combination of data visualization, product design, and user experience to create an immersive experience of the Ethereum blockchain.
• The project aims to provide an engaging and accessible experience for users and aims to highlight the activity on the blockchain.