diff --git a/functions/many_polar_figures_functions.py b/functions/many_polar_figures_functions.py index ddd00fd..a7e63f1 100644 --- a/functions/many_polar_figures_functions.py +++ b/functions/many_polar_figures_functions.py @@ -21,7 +21,6 @@ def create_single_polar_plot(sequence: List[int], divisor: int, vertex_selection r = [3] * len(sequence), theta = [x*(360/d) for x in sequence], mode = 'markers+lines', - line_color = 'blue', line_width = 1, marker_size = 2 ) @@ -76,7 +75,8 @@ def create_many_polar_plots(series: Series, vertex_selection_method: str, number showline=True, ticks='', showticklabels=False, - rotation = 90 + rotation = 90, + direction = "clockwise" ), radialaxis = dict( showline = False, diff --git a/layout.py b/layout.py index 78c6678..b836a74 100644 --- a/layout.py +++ b/layout.py @@ -30,7 +30,7 @@ def serve_layout(): dbc.ModalBody( [ dcc.Markdown(''' - You are seeing a visualization of the repeating patterns that arise when dividing every number of a series by an integer and then taking the remainder. For example, if we look at the fibonacci sequence: + This is a visualization of the repeating patterns that arise when dividing every number of a series by an integer and then taking the remainder. For example, if we look at the fibonacci sequence: ``` 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597, 2584, 4181, 6765, 10946, 17711, ... ``` @@ -57,22 +57,22 @@ def serve_layout(): dbc.Tabs( [ dbc.Tab( - dbc.Card(dbc.CardBody([polar_figure_layout.layout])), - label='Single Polar Figure', + dbc.Card(dbc.CardBody([many_polar_figures_layout.layout])), + label='Many Polar Figures', className='tab-content', - tab_id='polar_figure_tab', + tab_id='many_porlar_figures_tab', label_style={'color': 'grey'} ), dbc.Tab( - dbc.Card(dbc.CardBody([many_polar_figures_layout.layout])), - label='Many Polar Figures', + dbc.Card(dbc.CardBody([polar_figure_layout.layout])), + label='Single Polar Figure', className='tab-content', - tab_id='many_porlar_figures_tab', + tab_id='polar_figure_tab', label_style={'color': 'grey'} ) ], id='page_tabs', - active_tab='polar_figure_tab' + active_tab='many_porlar_figures_tab' ) ] )