@@ -88,9 +88,9 @@ def main(argv=None) -> None:
8888 st .session_state ["spec_center_filtered" ], st .session_state ["frag_center_filtered" ] = filter_dataframe (tmp_spec , tmp_frag , 'spectrum' )
8989
9090 st .markdown ("Data of the fragment-centric dataframe:" )
91- st .dataframe (st .session_state ["frag_center_filtered" ], height = 400 , use_container_width = True )
91+ st .dataframe (st .session_state ["frag_center_filtered" ], height = 400 , width = "stretch" )
9292 st .markdown ("Data of the spectrum-centric dataframe:" )
93- st .dataframe (st .session_state ["spec_center_filtered" ], height = 400 , use_container_width = True )
93+ st .dataframe (st .session_state ["spec_center_filtered" ], height = 400 , width = "stretch" )
9494
9595 ############################################################################
9696
@@ -101,47 +101,47 @@ def main(argv=None) -> None:
101101
102102 with frag_center_plot_col1_1 :
103103 st .markdown ("**Distribution of Ion Types**" )
104- st .plotly_chart (common_type_hist (st .session_state ["frag_center_filtered" ]), use_container_width = True )
104+ st .plotly_chart (common_type_hist (st .session_state ["frag_center_filtered" ]), width = "stretch" )
105105 st .markdown ("**Figure 1:** Histogram illustrating the frequency distribution of ion types present in the dataset." )
106106
107107 with frag_center_plot_col1_2 :
108108 st .markdown ("**Ion Type Proportions**" )
109- st .plotly_chart (common_type_pie (st .session_state ["frag_center_filtered" ]), use_container_width = True )
109+ st .plotly_chart (common_type_pie (st .session_state ["frag_center_filtered" ]), width = "stretch" )
110110 st .markdown ("**Figure 2:** Pie chart displaying the proportional composition of ion types within the dataset." )
111111
112112 st .markdown ("**Distribution of m/z Values Across Ion Types**" )
113- st .plotly_chart (mz_dist_ion_type (st .session_state ["frag_center_filtered" ]), use_container_width = True )
113+ st .plotly_chart (mz_dist_ion_type (st .session_state ["frag_center_filtered" ]), width = "stretch" )
114114 st .markdown ("**Figure 3:** Histogram depicting the distribution of mass-to-charge ratio (m/z) values across different ion types." )
115115
116116 frag_center_plot_col3_1 , frag_center_plot_col3_2 = st .columns (2 )
117117
118118 with frag_center_plot_col3_1 :
119119 st .markdown ("**Distribution of the Log Intensity**" )
120- st .plotly_chart (rel_ion_intens_perc (st .session_state ["frag_center_filtered" ]), use_container_width = True )
120+ st .plotly_chart (rel_ion_intens_perc (st .session_state ["frag_center_filtered" ]), width = "stretch" )
121121 st .markdown ("**Figure 4:** Distribution of log-transformed intensity values." )
122122
123123 with frag_center_plot_col3_2 :
124124 st .markdown ("**Relative Log Intensities**" )
125- st .plotly_chart (rel_ion_intens_ridge (st .session_state ["frag_center_filtered" ]), use_container_width = True )
125+ st .plotly_chart (rel_ion_intens_ridge (st .session_state ["frag_center_filtered" ]), width = "stretch" )
126126 st .markdown ("**Figure 5:** Distribution of log-transformed intensities relative to their respective scales." )
127127
128128 frag_center_plot_col4_1 , frag_center_plot_col4_2 = st .columns (2 )
129129
130130 with frag_center_plot_col4_1 :
131131 st .markdown ("**Proportional Distribution of m/z Values**" )
132- st .plotly_chart (proportional_distribution_of_mz_values (st .session_state ["frag_center_filtered" ]), use_container_width = True )
132+ st .plotly_chart (proportional_distribution_of_mz_values (st .session_state ["frag_center_filtered" ]), width = "stretch" )
133133 st .markdown ("**Figure 6:** Proportional Distribution of m/z Values (Bin Size = 100)." )
134134
135135 with frag_center_plot_col4_2 :
136136 st .markdown ("**First residue of internal and terminal ions**" )
137- st .plotly_chart (first_residue_of_internal_and_terminal_ions (st .session_state ["frag_center_filtered" ]), use_container_width = True )
137+ st .plotly_chart (first_residue_of_internal_and_terminal_ions (st .session_state ["frag_center_filtered" ]), width = "stretch" )
138138 st .markdown ("**Figure 7:** First residue of internal and terminal ions." )
139139
140140 frag_center_plot_col5_1 , frag_center_plot_col5_2 = st .columns (2 )
141141
142142 with frag_center_plot_col5_1 :
143143 st .markdown ("**Last residue of internal and terminal ions**" )
144- st .plotly_chart (last_residue_of_internal_and_terminal_ions (st .session_state ["frag_center_filtered" ]), use_container_width = True )
144+ st .plotly_chart (last_residue_of_internal_and_terminal_ions (st .session_state ["frag_center_filtered" ]), width = "stretch" )
145145 st .markdown ("**Figure 8:** Last residue of internal and terminal ions." )
146146
147147 ############################################################################
@@ -152,36 +152,36 @@ def main(argv=None) -> None:
152152
153153 with spec_center_plot_col1_1 :
154154 st .markdown ("**Ion Type Distribution Per Spectra**" )
155- st .plotly_chart (per_spec_ion_type (st .session_state ["spec_center_filtered" ]), use_container_width = True )
155+ st .plotly_chart (per_spec_ion_type (st .session_state ["spec_center_filtered" ]), width = "stretch" )
156156 st .markdown ("**Figure 9:** Distribution of ion types within each spectrum, providing insights into the diversity and abundance of ions detected across the dataset." )
157157
158158 with spec_center_plot_col1_2 :
159159 st .markdown ("**Log Intensities:**" )
160- st .plotly_chart (per_spec_ion_intens (st .session_state ["spec_center_filtered" ]), use_container_width = True )
160+ st .plotly_chart (per_spec_ion_intens (st .session_state ["spec_center_filtered" ]), width = "stretch" )
161161 st .markdown ("**Figure 10:** Distribution of log-transformed intensities." )
162162
163163 spec_center_plot_col2_1 , spec_center_plot_col2_2 = st .columns (2 )
164164
165165 with spec_center_plot_col2_1 :
166166 st .markdown ("**Plot of the length of the top 1 internal ion**" )
167- st .plotly_chart (density_plot_of_the_length_of_the_top_1_internal_ion (st .session_state ["spec_center_filtered" ]), use_container_width = True )
167+ st .plotly_chart (density_plot_of_the_length_of_the_top_1_internal_ion (st .session_state ["spec_center_filtered" ]), width = "stretch" )
168168 st .markdown ("**Figure 11:** Plot of the length of the top 1 internal ion." )
169169
170170 with spec_center_plot_col2_2 :
171171 st .markdown ("**Plot of the length of the top 2 internal ion:**" )
172- st .plotly_chart (density_plot_of_the_length_of_the_top_2_internal_ion (st .session_state ["spec_center_filtered" ]), use_container_width = True )
172+ st .plotly_chart (density_plot_of_the_length_of_the_top_2_internal_ion (st .session_state ["spec_center_filtered" ]), width = "stretch" )
173173 st .markdown ("**Figure 12:** Plot of the length of the top 2 internal ion." )
174174
175175 spec_center_plot_col3_1 , spec_center_plot_col3_2 = st .columns (2 )
176176
177177 with spec_center_plot_col3_1 :
178178 st .markdown ("**Plot of the length of the top 3 internal ion**" )
179- st .plotly_chart (density_plot_of_the_length_of_the_top_3_internal_ion (st .session_state ["spec_center_filtered" ]), use_container_width = True )
179+ st .plotly_chart (density_plot_of_the_length_of_the_top_3_internal_ion (st .session_state ["spec_center_filtered" ]), width = "stretch" )
180180 st .markdown ("**Figure 13:** Plot of the length of the top 3 internal ion." )
181181
182182 with spec_center_plot_col3_2 :
183183 st .markdown ("**Plot of the length of the top internal ions:**" )
184- st .plotly_chart (density_plot_of_the_length_of_the_top_internal_ions (st .session_state ["spec_center_filtered" ]), use_container_width = True )
184+ st .plotly_chart (density_plot_of_the_length_of_the_top_internal_ions (st .session_state ["spec_center_filtered" ]), width = "stretch" )
185185 st .markdown ("**Figure 14:** Plot of the length of the top internal ions." )
186186
187187 st .markdown ("**Logo view of internal fragments:**" )
0 commit comments