{"version":"1.0","type":"rich","title":"Learn d3.js","description":"This example demonstrates basic DOM manipulation with D3.js v4, showing how to select and modify elements in an HTML document. It changes the text and styling of an existing heading, applies red coloring to it, and appends three new paragraph elements to the body. The code uses `d3.select` and `d3.selectAll` to target the heading and paragraphs, then chains `.style`, `.attr`, `.text`, and `.append` methods to update content and set colors. All paragraphs are colored blue, while the heading receives a red style and a new class attribute.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d39e57df3c24a4587c3d84294b1b109?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}