<jupyter_start><jupyter_text>1. Colors:  1.1 Website|Name | Color ||:----|:------:||Staff Orange |  FF875C  ||Community Light Blue |  5CB7DB  ||Family Yellow |  FEE600  ||Student Green |  1EC884  ||Detail Blue |  0074b2  ||Background Blue |  1A2573  || DJUSD Blue |  0082C8  |  1.2 Schools 1.2.1 Elementary Schools***|School     | Primary color     | Secondary color   ||:----------|:-----------------:|:-----------------:||Birch Lane |       185594     |       221E1F     ||Chávez     |       A51E22     |       2E2C75     ||Fairfield  |       4A443F     |       91C5A9     ||Korematsu  |       15A85C     |       FBE721     ||Montgomery |       E21E26     |       C1C1C1     ||North Davis|       185594     |       82A6D0     ||Patwin     |       4D3091     |       FFC613     ||Pioneer    |       068945     |       FDB416     ||Willet     |       1C4421     |       A6D8C3     |  1.2.2 Junior High Schools***|School     | Primary color     | Secondary color   ||:----------|:-----------------:|:-----------------:||<NAME>   |       9C1C1F     |       221E1F     ||Emerson    |       FDB415     |       231F20     ||Harper     |       572E8A     |       939598     ||Holmes     |       3A98B5     |       002060     |  1.2.3 High Schools***|School     | Primary color     | Secondary color   ||:----------|:-----------------:|:-----------------:||Da Vinci   |       125D3C     |       B2B7BB     ||Davis Senior|       2C318B     |       142E54     ||King       |       7E324D     |       E7E7E8     ||Independent|       068945     |       211C53     |  1.2.4 Other***|School     | Primary color     | Secondary color   ||:----------|:-----------------:|:-----------------:||Davis Adult|       5C873C     |       1B3865     ||Children's Center|       0E76BC     |       62C7C2     |  2. Examples<jupyter_code>import altair as alt
import pandas as pd
data = pd.DataFrame({
    'school': ['Birch Lane', 'Chávez', 'Fairfield', 'Korematsu', 'Montgomery', 'North Davis', 'Patwin', 'Pioneer', 'Willet'],
    'value': [28, 55, 43, 91, 81, 53, 19, 87, 52]
})

colors = alt.Scale(domain=['Birch Lane', 'Chávez', 'Fairfield', 'Korematsu', 'Montgomery', 'North Davis', 'Patwin', 'Pioneer', 'Willet'],
                  range=['#185594', '#A51E22', '#4A443F', '#15A85C', '#E21E26', '#185594', '#4D3091', '#068945', '#1C4421'])
chart = alt.Chart(data).mark_bar().encode(
    x='school',
    y='value',
    color = alt.Color('school', scale = colors, legend = alt.Legend(title = 'School')),
    tooltip = ['value', 'school']
).properties(
    title = 'Bar Chart Example',
#     height = 400,
#     width = 600,
)
def djusd_style():
    return {
        "width": 600,
        "height": 400,
        "background": "white",
        'config': {
            'view': {
                "height": 400,
                "width": 600,
                "background": "white",
                "stroke": None,
            },
            "title": {
                "offset": 20,
                "fontSize": 18,
                "fontColor": "#282828",
                "font": "helvetica",
                "anchor": "start",
            },
            "legend": {
                "padding": 10,
#                 "legendStrokeColor": "#000000",
#                 "legendStrokeWidth": 10,
                "titleFontSize": 11,
                "titleFont": "helvetica",
            },
            "axis": {
                "labelColor": "#282828",
                "titleFont": "helvetica",
                "titleColor": "#282828",             
            },
            "mark": {
                "opacity": 0.95,
            },
            "axisY": {
                "grid": False,
                "labelPadding": 5,
                "titleAngle": 0,
                "titlePadding": 18,
                "titleFontSize": 16,
                "titleFont": "helvetica"
#                 "titleX": -60,
#                 "titleY": 50,
            },
            "axisX": {
                "title": " ",
                "labelAngle": 0,
                "labelPadding": 0,
            }
        }
    }
# register the custom theme under a chosen name
alt.themes.register('djusd_style', djusd_style)

# enable the newly registered theme
alt.themes.enable('djusd_style')
chart.savechart(fp =  'examples/images/bar_example.html')
#chart
%%html
<iframe src = 'examples/images/bar_example.html' width = 850 height = 550 frameborder = 0></iframe><jupyter_output><empty_output>
{'fraction_non_alphanumeric': 0.1837471783295711, 'fraction_numerical': 0.07674943566591422, 'mean_word_length': 1.396430502974581, 'pattern_counts': {'":': 38, '<': 8, '<?xml version=': 0, '>': 8, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'chain_length': '1', 'dir': 'jupyter-structured-clean-dedup', 'id': '164721', 'license': 'BSD-3-Clause', 'n_tokens_mistral': 1608, 'n_tokens_neox': 1357, 'n_words': 300, 'path': 'stylesheet.ipynb', 'repo_name': 'Chekos/djusd-stylesheet', 'size': '4432'}