create SVG from scanned images

Simple job to recreate SVG vector files from scanned images. Please see attached PDF. There are 17 diagrams from heating systems highlighted in RED in the PDF and these need to be recreated including the text within the diagram. We need black-and-white versions and also a version which are coloured similar to the images at the end of the PDF file. You can use these as a style guideline. The coloured versions should reproduce the pipes as per the colour examples and not as simple solid line.