Photo by Nagesh Badu on Unsplash

REACT DIGITAL GARDEN

What is new in My Digital Garden Last Month — (in Nov 2022)

Every month I give updates on my digital garden. In November, I focused mainly on AWS icons, Cytoscape topology rendering, and heatmaps.

I removed MUI (Material UI) dependencies from my Digital Garden and switched all MUI components to the PrimeReact components.

1. AWS Icon Grouping Resources

Here you will find a quick demonstration. This is a sample AWS Architecture Service Resources Icon Display application. Icons are used for Topology and Architecture Design and in List.

https://onurdayibasi.dev/icon_with_aws2

2. AWS Icon & Info

Here you will find a quick demonstration. This is a sample AWS Icon and Info application. Icons are used for Topology and Architecture Design, and List

https://onurdayibasi.dev/icon_with_aws3

3. Graph With Cytoscape (NodeType)

Here you will find a quick demonstration. This is a sample Cytoscape Graph application. It uses for graphs, networks, and topology to visualize. We try different Node styles.

https://onurdayibasi.dev/graph-with-cytoscape

4. Graph With Cytoscape2 (Node SVG)

Here you will find a quick demonstration. This is a sample Cytoscape Graph application. It uses for graphs, networks, and topology to visualize. We try different Node styles with AWSIcons

https://onurdayibasi.dev/graph-with-cytoscape2

5. AWS Icon Categories

Here you will find a quick demonstration. This is a sample AWS Services application. Icons are grouped according to service categories

https://onurdayibasi.dev/icon_with_aws4

6. Graph With Cytoscape3 (Layout)

Here you will find a quick demonstration. This is a sample Cytoscape Graph Layout application.

It uses for graphs, networks, and topology to visualize. We try different Node styles. In this sample, I used the below Architecture data.

• Thundra APM Todo App
• Thundra APM Ecommerce Listing

https://onurdayibasi.dev/graph-with-cytoscape3

7. Graph With Cytoscape4 (AWSIcon)

Here you will find a quick demonstration. This is a sample Cytoscape Graph Layout application.

It uses for graphs, networks, and topology to visualize. We try different Node styles. In this sample, I used the below Architecture data.

• Thundra APM Todo App

https://onurdayibasi.dev/graph-with-cytoscape4

8. Graph With Cytoscape5 (Edge&Node)

Here you will find a quick demonstration. This is a sample Cytoscape Graph Layout application.

It uses for graphs, networks, and topology to visualize. We try different Edge styles. In this sample, I used the below Architecture data.

• Thundra APM Todo App

https://onurdayibasi.dev/graph-with-cytoscape5

9. Graph With Cytoscape6 (Zoom)

Here you will find a quick demonstration. This is a sample Cytoscape Graph Layout application.

It uses for graphs, networks, and topology to visualize. We try Pan and Zoom capabilities. In this sample, I used

• Thundra APM Todo App

https://onurdayibasi.dev/graph-with-cytoscape6

10. Graph With Cytoscape7 (Export)

Here you will find a quick demonstration. This is a sample Cytoscape Graph Layout application.

It uses for graphs, networks, and topology to visualize. We try exporting PNG. In this sample, I used

11. Graph With Cytoscape8 (Select)

Here you will find a quick demonstration. This is a sample Cytoscape Graph Layout application.

It uses for graphs, networks, and topology to visualize. We try to Select Edge and Nodes. In this sample, I used

• Thundra APM Todo App

https://onurdayibasi.dev/graph-with-cytoscape8

12. Graph With Cytoscape9 (Select & Coloring)

Here you will find a quick demonstration. This is a sample Cytoscape Graph Layout application.

It uses for graphs, networks, and topology to visualize. We try to Select Edges and Nodes with Borders In this sample, I used

• Thundra APM Todo App

https://onurdayibasi.dev/graph-with-cytoscape9

13. Widget — (Percent Bar)

Here you will find a quick demonstration. This is a sample (horizontal) Percent Bar application.

https://onurdayibasi.dev/percent-bar

14. Widget — (Percent Bar Color)

Here you will find a quick demonstration. This is a sample (horizontal) Percent Bar application.

https://onurdayibasi.dev/percent-bar-color

15. Widget — (Color Range Bar)

Here you will find a quick demonstration. This is a sample (horizontal) Color Range Bar application.

https://onurdayibasi.dev/color-range-bar

16. HeatMap

Here you will find a quick demonstration. This is a sample HeatMap application.

17. HeatMap Events

Here you will find a quick demonstration. This is a sample HeatMap Events application.

18. HeatMap Selection

Here you will find a quick demonstration. This is a sample HeatMap Selection application.

https://onurdayibasi.dev/heatmap-selection

Let’s continue reading 😃

You can find similar samples and writings at this link. If you like this story. Please 👏👏 and share