Volcano plots are effectively scatter-plots and are predominately used to visualise significance against fold-change. They are used commonly in biology to present -omics data such as the difference in RNA transcripts between a treatment and non-treatment.

This implementation, using D3 version 4, is in reusable chart form and I hope others will use it to explore their -omics data. You can also just use this as a standard scatter-plot if you wish.

Methods on this chart that might be of interest if you are planning on using it are:

xAxisLabel(label) - Takes a string that will be used as the label on the x-axis.

yAxisLabel(label) - Same as xAxisLabel but for the y-axis.

foldChangeThreshold(val) - Set the fold-change value for the threshold (of type Number). The negative of val will also be inferred. This threshold is used for setting the position of the vertical dashed lines and the colouring of the dots.

significanceThreshold(val) - Sets the threshold for the significance (of type Number). This threshold is used for the horizontal dashed line and the colouring of the dots.

sampleID(id) - Takes a string indicating the column name used to identify each sample. This will be used for showing the ID of each dot on the tooltip.

xColumn(name) - Takes a string indicating the column name used for the fold-change values.

yValue(name) - Takes a string indicating the column name used for the significance values.

For other methods, see the bottom section of the index.js script.

If you have any issues getting it to work for you please get in touch and I will be happy to try and help.