🌍 Public
Viewing a saved revision (read-only)
e96e4535c7e14bb3864c117da80c0272
ppm shift vs. pH
JJens Hoefflin
Last edited May 16, 2023
Created on May 16, 2023
Forked from Reusable scatter plot with different symbols
This scatterplot shows how the proton NMR chemical shifts (ppm) of acetate and maleic acid change with pH. The visualization uses D3 v6 with a custom scatterPlot module to map pH on the x-axis and ppm on the y-axis. It applies d3.scaleLinear for both axes and d3.scaleOrdinal with d3.symbols to differentiate the two metabolites by shape. The SVG is sized to the full window, and data is loaded asynchronously from a CSV file via d3.csv.
AI-generated descriptionppm shift of acetate and maleic acid depending on pH.