{"version":"1.0","type":"rich","title":"D3: Setting paragraphs' style conditionally, based on data","description":"This example demonstrates how D3.js can conditionally style paragraphs based on parsed CSV data. Using `d3.csv`, it loads California temperature records and binds each row to a paragraph whose text states “I can count up to [year].” The `.style()` method applies a color function that turns the text red when the temperature value exceeds 55, otherwise black. The visualization highlights threshold-based styling with D3’s data join, showing how data-driven decisions directly influence visual output. The code relies on D3 v6 and fetches data from a remote GitHub-hosted CSV file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d7f3c8934a8e4d62918246b95bb1c288?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}