
<div class="row">
	% if 'term' in dist_type:
		<div class="col-md-4 d-flex justify-content-center">
			<div class="card p-2 m-1 shadow-sm" style="height:fit-content;">
				<div class="canvasXpressContainerSite">
					${ plotter.scatter2D(id= 'term_ics', width=width, height=height, header=False, row_names=True, 
						title=f'{ONT_NAME} term IC distribution', responsive= True,
						x_label = f'{ONT_NAME} Ontology IC', 
						y_label = f'{ONT_NAME} Frequency based IC', 
						alpha=0.6, add_densities=True, 
						config={"dataPointSize":8, "setMaxX": 4.5, "setMaxY":4.5, "setMinX": 0, "setMinY": 0}  )}
				</div>
			</div>
		</div>
	% endif

	% if 'prof' in dist_type:
		<div class="col-md-4 d-flex justify-content-center">
			<div class="card p-2 m-1 shadow-sm" style="height:fit-content;">
				<div class="canvasXpressContainerSite">
					${ plotter.scatter2D(id= 'profile_ics', width=width, height=height, header=False, row_names=True, 
						title=f'{ONT_NAME} patient profile IC distribution', responsive= True,
						x_label = f'{ONT_NAME} Ontology Profile IC', 
						y_label = f'{ONT_NAME} Frequency based Profile IC', 
						alpha=0.6, add_densities=True, 
						config={"dataPointSize":8, "setMaxX": 4.5, "setMaxY":4.5, "setMinX": 0, "setMinY": 0}  )}
				</div>
			</div>
		</div>
	% endif

</div>


% if 'profSizeIC' in dist_type:
	<div class="row">
		<div class="col-md-4 d-flex justify-content-center">
			<div class="card p-2 m-1 shadow-sm" style="height:fit-content;">
				<div class="canvasXpressContainerSite">
					${ plotter.scatter2D(id= 'profSizeIC', width=width, height=height, header=True, row_names=True, 
						title=f'{ONT_NAME} patient profile size distribution vs IC', fields=[0,1,2], responsive= True,
						x_label = f'Profile Size', y_label = f'{ONT_NAME} IC structure', alpha=0.6, 
						config={"dataPointSize":8, "setMaxY":4.5, "setMinX": 0, "setMinY": 2}  
						)
					}
				</div>
			</div>
		</div>
		<div class="col-md-4 d-flex justify-content-center">
			<div class="card p-2 m-1 shadow-sm" style="height:fit-content;">
				<div class="canvasXpressContainerSite">
					${ plotter.scatter2D(id= 'profSizeIC', width=width, height=height, header=True, row_names=True,
						title=f'{ONT_NAME} patient profile size distribution vs IC',  fields=[0,1,3], responsive= True,
						x_label = f'Profile Size', y_label = f'{ONT_NAME} IC observed', alpha=0.6, 
						config={"dataPointSize":8, "setMaxY":2.0, "setMinX": 0, "setMinY": 0}  
						)
					}
				</div>
			</div>
		</div>
	</div>
% endif
