{"version":"1.0","type":"rich","title":"D3 Line - handling null values with .defined()","description":"This example demonstrates how to handle null values in a line chart using D3’s `d3.line()` generator with a `.defined()` filter. The chart renders a single polyline across an SVG canvas, where a missing data point (null) breaks the continuous path into two segments, leaving a gap in the visualization. The code constructs the path data by passing an array of coordinate pairs—including a null entry—to the line generator, then appends the resulting path to the SVG via `d3.select()` and `.attr('d', pathData)`. The stroke is set to a light gray (#ccc) with no fill, and the feature is powered by D3 v7.8.5.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ff0687ba3da74f04b3fd899cd6967852?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}