Skip to content

Commit

Permalink
improve orientation of widget in new app
Browse files Browse the repository at this point in the history
  • Loading branch information
@schumannj
schumannj committed Oct 22, 2024
1 parent cdb7be2 commit df211e4
Showing 1 changed file with 43 additions and 169 deletions.
212 changes: 43 additions & 169 deletions src/nomad_catalysis/apps/heterogeneous_catalysis_app.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,133 +200,86 @@
type: terms
- search_quantity: results.eln.lab_ids
type: terms
# custom_quantities:
# label: User Defined Quantities
# size: l
# metadata:
# label: Visibility / IDs / Schema
# optimade:
# label: Optimade
# size: m
- type: menu
title: User Defined Quantities
size: l
items:
- type: custom_quantities
- type: menu
title: Optimade
size: lg
items:
- type: optimade
dashboard:
widgets:
- layout:
lg: {h: 10, minH: 8, minW: 12, w: 16, x: 0, y: 6}
md: {h: 8, minH: 8, minW: 12, w: 12, x: 0, y: 5}
sm: {h: 8, minH: 8, minW: 12, w: 12, x: 0, y: 4}
xl: {h: 10, minH: 8, minW: 12, w: 16, x: 0, y: 6}
xxl: {h: 10, minH: 8, minW: 12, w: 16, x: 0, y: 6}
lg: {h: 8, minH: 8, minW: 12, w: 12, x: 0, y: 0}
md: {h: 8, minH: 6, minW: 8, w: 10, x: 0, y: 0}
sm: {h: 8, minH: 8, minW: 12, w: 12, x: 0, y: 0}
xl: {h: 10, minH: 8, minW: 12, w: 12, x: 0, y: 0}
xxl: {h: 10, minH: 8, minW: 12, w: 16, x: 0, y: 0}
quantity: results.material.elements
scale: linear
type: periodictable
title: 'Elements of the catalyst material'
- layout:
lg: {h: 6, minH: 3, minW: 3, w: 8, x: 8, y: 0}
md: {h: 5, minH: 3, minW: 3, w: 6, x: 6, y: 0}
sm: {h: 4, minH: 4, minW: 3, w: 4, x: 4, y: 0}
xl: {h: 6, minH: 3, minW: 3, w: 8, x: 8, y: 0}
xxl: {h: 6, minH: 3, minW: 3, w: 8, x: 8, y: 0}
lg: {h: 4, minH: 3, minW: 3, w: 6, x: 18, y: 0}
md: {h: 4, minH: 3, minW: 3, w: 4, x: 14, y: 0}
sm: {h: 4, minH: 4, minW: 3, w: 4, x: 4, y: 8}
xl: {h: 5, minH: 3, minW: 3, w: 6, x: 18, y: 0}
xxl: {h: 10, minH: 3, minW: 3, w: 6, x: 22, y: 0}
title: 'Reactants'
quantity: results.properties.catalytic.reaction.reactants.name
scale: linear
showinput: true
type: terms
- layout:
lg: {h: 6, minH: 3, minW: 3, w: 8, x: 0, y: 0}
md: {h: 5, minH: 3, minW: 3, w: 6, x: 0, y: 0}
sm: {h: 4, minH: 3, minW: 3, w: 4, x: 0, y: 0}
xl: {h: 6, minH: 3, minW: 3, w: 8, x: 0, y: 0}
xxl: {h: 6, minH: 3, minW: 3, w: 8, x: 0, y: 0}
lg: {h: 8, minH: 3, minW: 3, w: 6, x: 12, y: 0}
md: {h: 8, minH: 3, minW: 3, w: 4, x: 10, y: 0}
sm: {h: 4, minH: 3, minW: 3, w: 4, x: 0, y: 8}
xl: {h: 10, minH: 3, minW: 3, w: 6, x: 12, y: 0}
xxl: {h: 10, minH: 3, minW: 3, w: 6, x: 16, y: 0}
title: 'Reaction Name'
quantity: results.properties.catalytic.reaction.name
scale: linear
showinput: true
type: terms
- layout:
lg: {h: 6, minH: 3, minW: 3, w: 8, x: 16, y: 0}
md: {h: 5, minH: 3, minW: 3, w: 6, x: 12, y: 0}
sm: {h: 4, minH: 3, minW: 3, w: 4, x: 8, y: 0}
xl: {h: 6, minH: 3, minW: 3, w: 8, x: 16, y: 0}
xxl: {h: 6, minH: 3, minW: 3, w: 8, x: 16, y: 0}
lg: {h: 4, minH: 3, minW: 3, w: 6, x: 18, y: 4}
md: {h: 4, minH: 3, minW: 3, w: 4, x: 14, y: 4}
sm: {h: 4, minH: 3, minW: 3, w: 4, x: 8, y: 8}
xl: {h: 5, minH: 3, minW: 3, w: 6, x: 18, y: 5}
xxl: {h: 10, minH: 3, minW: 3, w: 6, x: 28, y: 0}
title: 'Products'
quantity: results.properties.catalytic.reaction.products.name
scale: linear
showinput: true
type: terms
- layout:
lg: {h: 5, minH: 3, minW: 3, w: 8, x: 16, y: 6}
md: {h: 4, minH: 3, minW: 3, w: 6, x: 12, y: 5}
sm: {h: 3, minH: 3, minW: 3, w: 6, x: 0, y: 12}
xl: {h: 5, minH: 3, minW: 3, w: 8, x: 16, y: 6}
xxl: {h: 5, minH: 3, minW: 3, w: 8, x: 16, y: 6}
quantity: results.properties.catalytic.catalyst.preparation_method
scale: linear
showinput: true
type: terms
- layout:
lg: {h: 5, minH: 3, minW: 3, w: 8, x: 16, y: 11}
md: {h: 4, minH: 3, minW: 3, w: 6, x: 12, y: 9}
sm: {h: 3, minH: 3, minW: 3, w: 6, x: 6, y: 12}
xl: {h: 5, minH: 3, minW: 3, w: 8, x: 16, y: 11}
xxl: {h: 5, minH: 3, minW: 3, w: 8, x: 16, y: 11}
quantity: results.properties.catalytic.catalyst.catalyst_type
scale: linear
showinput: true
type: terms
- autorange: false
layout:
lg: {h: 5, minH: 3, minW: 8, w: 12, x: 12, y: 21}
md: {h: 3, minH: 3, minW: 8, w: 9, x: 9, y: 16}
sm: {h: 3, minH: 3, minW: 6, w: 6, x: 6, y: 18}
xl: {h: 4, minH: 3, minW: 8, w: 12, x: 12, y: 20}
xxl: {h: 4, minH: 3, minW: 8, w: 12, x: 12, y: 20}
nbins: 30
x:
quantity: results.properties.catalytic.reaction.reaction_conditions.weight_hourly_space_velocity
unit: 'ml/(g*hr)'
title: 'Weight Hourly Space Velocity'
scale: linear
showinput: false
type: histogram
- autorange: true
layout:
lg: {h: 10, minH: 3, minW: 8, w: 12, x: 0, y: 16}
md: {h: 6, minH: 3, minW: 8, w: 9, x: 0, y: 13}
sm: {h: 6, minH: 3, minW: 6, w: 6, x: 0, y: 15}
xl: {h: 8, minH: 3, minW: 8, w: 12, x: 0, y: 16}
xxl: {h: 8, minH: 6, minW: 8, w: 12, x: 0, y: 16}
lg: {h: 10, minH: 3, minW: 8, w: 12, x: 0, y: 8}
md: {h: 6, minH: 3, minW: 8, w: 9, x: 0, y: 8}
sm: {h: 6, minH: 3, minW: 6, w: 6, x: 0, y: 12}
xl: {h: 8, minH: 3, minW: 8, w: 12, x: 0, y: 10}
xxl: {h: 8, minH: 6, minW: 8, w: 12, x: 0, y: 10}
markers:
color:
quantity: results.properties.catalytic.reaction.reactants[*].name
size: 1000
x:
quantity: results.properties.catalytic.reaction.reactants[*].gas_concentration_in
title: 'gas concentration'
title: 'Feed composition'
y:
quantity: results.properties.catalytic.reaction.reaction_conditions.temperature
title: 'Reactant feed concentration vs. Temperature'
title: 'Feed composition vs. Temperature'
type: scatterplot
- autorange: false
layout:
lg: {h: 5, minH: 3, minW: 8, w: 12, x: 12, y: 16}
md: {h: 3, minH: 3, minW: 8, w: 9, x: 9, y: 13}
sm: {h: 3, minH: 3, minW: 6, w: 6, x: 6, y: 15}
xl: {h: 4, minH: 3, minW: 8, w: 12, x: 12, y: 16}
xxl: {h: 4, minH: 3, minW: 8, w: 12, x: 12, y: 16}
nbins: 30
x:
quantity: results.properties.catalytic.reaction.reaction_conditions.pressure
unit: 'bar'
title: 'Reaction Pressure'
scale: linear
showinput: false
type: histogram
- autorange: true
layout:
lg: {h: 8, minH: 3, minW: 3, w: 12, x: 0, y: 26}
md: {h: 6, minH: 3, minW: 3, w: 9, x: 0, y: 19}
sm: {h: 5, minH: 3, minW: 3, w: 6, x: 0, y: 21}
xl: {h: 9, minH: 3, minW: 3, w: 12, x: 0, y: 24}
xxl: {h: 9, minH: 3, minW: 3, w: 12, x: 0, y: 24}
lg: {h: 10, minH: 3, minW: 3, w: 12, x: 12, y: 8}
md: {h: 6, minH: 3, minW: 3, w: 9, x: 9, y: 8}
sm: {h: 6, minH: 3, minW: 3, w: 6, x: 6, y: 12}
xl: {h: 8, minH: 3, minW: 3, w: 12, x: 12, y: 10}
xxl: {h: 8, minH: 3, minW: 3, w: 12, x: 12, y: 10}
markers:
color:
quantity: results.properties.catalytic.reaction.reactants[*].name
Expand All @@ -338,84 +291,5 @@
y:
quantity: results.properties.catalytic.reaction.reactants[*].conversion
title: 'Conversion (%)'
- autorange: true
layout:
lg: {h: 8, minH: 3, minW: 3, w: 12, x: 12, y: 26}
md: {h: 6, minH: 3, minW: 3, w: 9, x: 9, y: 19}
sm: {h: 5, minH: 3, minW: 3, w: 6, x: 6, y: 21}
xl: {h: 9, minH: 3, minW: 3, w: 12, x: 12, y: 24}
xxl: {h: 9, minH: 3, minW: 3, w: 12, x: 12, y: 24}
markers:
color:
quantity: results.properties.catalytic.reaction.products[*].name
size: 1000
title: 'Temperature vs. Selectivity'
type: scatterplot
x:
quantity: results.properties.catalytic.reaction.reaction_conditions.temperature
y:
quantity: results.properties.catalytic.reaction.products[*].selectivity
title: 'Selectivity (%)'
- autorange: true
layout:
lg: {h: 8, minH: 3, minW: 3, w: 12, x: 0, y: 34}
md: {h: 6, minH: 3, minW: 3, w: 9, x: 0, y: 25}
sm: {h: 5, minH: 3, minW: 3, w: 6, x: 0, y: 26}
xl: {h: 9, minH: 3, minW: 3, w: 12, x: 0, y: 33}
xxl: {h: 9, minH: 3, minW: 3, w: 12, x: 0, y: 33}
markers:
color:
quantity: results.properties.catalytic.reaction.name
size: 1000
type: scatterplot
x:
quantity: results.properties.catalytic.reaction.reactants[? name=='molecular oxygen'].conversion
title: 'Oxygen Conversion (%)'
y:
quantity: results.properties.catalytic.reaction.products[? name=='acetic acid'].selectivity
title: 'Acetic Acid Selectivity (%)'
- autorange: true
layout:
lg: {h: 8, minH: 3, minW: 3, w: 12, x: 12, y: 34}
md: {h: 6, minH: 3, minW: 3, w: 9, x: 9, y: 25}
sm: {h: 5, minH: 3, minW: 3, w: 6, x: 6, y: 26}
xl: {h: 9, minH: 3, minW: 3, w: 12, x: 12, y: 33}
xxl: {h: 9, minH: 3, minW: 3, w: 12, x: 12, y: 33}
markers:
color:
quantity: results.properties.catalytic.catalyst.preparation_method
size: 1000
type: scatterplot
x:
quantity: results.properties.catalytic.reaction.reactants[? name=='carbon monoxide'].conversion
title: 'Carbon Monoxide Conversion (%)'
y:
quantity: results.properties.catalytic.reaction.products[? name=='ethanol'].selectivity
title: 'Ethanol Selectivity (%)'
- autorange: false
layout:
lg: {h: 4, minH: 3, minW: 8, w: 12, x: 0, y: 42}
md: {h: 4, minH: 3, minW: 8, w: 9, x: 0, y: 31}
sm: {h: 4, minH: 3, minW: 8, w: 8, x: 0, y: 31}
xl: {h: 4, minH: 3, minW: 8, w: 12, x: 0, y: 42}
xxl: {h: 4, minH: 3, minW: 8, w: 12, x: 0, y: 42}
nbins: 30
x:
quantity: results.properties.catalytic.catalyst.surface_area
unit: 'm^2/g'
title: 'Catalyst Surface Area'
scale: 1/4
showinput: false
type: histogram
- layout:
lg: {h: 4, minH: 3, minW: 3, w: 12, x: 12, y: 42}
md: {h: 4, minH: 3, minW: 3, w: 9, x: 9, y: 31}
sm: {h: 4, minH: 4, minW: 3, w: 8, x: 8, y: 31}
xl: {h: 4, minH: 3, minW: 3, w: 12, x: 12, y: 42}
xxl: {h: 4, minH: 3, minW: 3, w: 12, x: 12, y: 42}
quantity: results.properties.catalytic.catalyst.characterization_methods
scale: linear
showinput: true
type: terms
""" # noqa: E501
)

0 comments on commit df211e4

Please sign in to comment.