ValentinCrr

@ValentinCrr·3 public vizzes

Iris Scatterplot

This scatterplot visualizes the Iris dataset, plotting petal width against petal length. Data points are color-coded and shape-coded by species using an ordinal scale, and the chart includes axis labels, gridlines, and a red dashed regression line. Built with D3 v4 and rendered as SVG, it uses a CSV dataset loaded via d3.csv and includes interactive tooltips through d3-tip.

Jan 24, 2018

Loading thumbnail…

Scatterplot

This example shows a simple scatterplot with two data points, plotting values on x and y axes labeled “Sepal Width (cm)” and “Sepal Length (cm),” and includes a legend with a colored square. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and appends circles as `.dot` elements. The data is temporary and hardcoded, while the axis code is commented out, so only the dots and legend render without visible tick marks.

Jan 20, 2018

Loading thumbnail…

LineChart

This example loads the Iris dataset from a CSV file using the D3 v4 `d3.csv` method. The page initially only parses the data and logs the first row to the browser console, demonstrating the basic loading step without yet rendering any visualization. Although the HTML includes a commented-out SVG element and placeholder dimensions, no line chart is actively drawn in the provided code. The implementation relies solely on the D3 library and renders no visible output beyond the console log.

Jan 20, 2018