{"version":"1.0","type":"rich","title":"Text with d3","description":"This example demonstrates how to add text to an SVG visualization using D3.js within a React framework. It shows both a static SVG text element in the HTML and a dynamically inserted text node created through D3’s selection and append methods. The code uses `d3.select()` to target the body, chains `.append('svg')` and `.append('text')` to build the structure, and applies `.attr()` and `.style()` for positioning and orange fill color. The rendered SVG measures 600 by 100 pixels, with text placed at the bottom-left corner.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b0aeb5c32fa8456383bc0ebc68fc017a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}