script.py

# Render overview cards for every framework.
for name, metadata in plot_data['github_data'].items():
    latest_release = None
    if metadata['latestRelease'] != None:
        latest_release = metadata['latestRelease']['createdAt']
    page[f'overview-{name}'] = ui.tall_article_preview_card(
        box=ui.box('intro', width='25%'),
        title=name,
        subtitle=metadata['licenseInfo']['name'],
        image=metadata['openGraphImageUrl'],
        content=f"""
{metadata['description']}
</br></br>
**Created**: {metadata['createdAt'].split('T')[0]}
</br>
**Last release**: {latest_release.split('T')[0] if latest_release else 'Unknown'}
</br>
**Homepage**: {metadata['homepageUrl']}
        """
    )

# Render plots.
page['bugs'] = ui.plot_card(
    box=ui.box('plots1', width='25%', order=1),
    title='Bugs',
    data=data('framework state bugs', 4, rows=plot_data['bugs'], pack=True),
    plot=ui.plot([
        ui.mark(type='interval', x='=framework', y='=bugs',
                color='=state', dodge='auto', color_range='$red $green', y_min=0)
    ])
)

page['watchers'] = ui.plot_card(
    box=ui.box('plots1', width='25%', order=2),
    title='Watchers',
    data=data('framework watchers', 4, rows=plot_data['watchers'], pack=True),
    plot=ui.plot([
        ui.mark(type='interval', x='=framework', y='=watchers', y_min=0,
                fill_color='$green')
    ])
)

page['stars'] = ui.plot_card(
    box=ui.box('plots1', width='25%', order=3),
    title='Stars',
    data=data('framework stars', 4, rows=plot_data['stars'], pack=True),
    plot=ui.plot([
        ui.mark(type='interval', x='=framework', y='=stars', y_min=0,
                fill_color='$yellow')
    ])
)

page['vulnerabilities'] = ui.plot_card(
    box=ui.box('plots1', width='25%', order=4),
    title='Vulnerabilities',
    data=data('framework vulns', 4, rows=plot_data['vulnerabilities'], pack=True),
    plot=ui.plot([
        ui.mark(type='interval', x='=framework', y='=vulns', y_min=0)
    ])
)
page['stackoverflow'] = ui.plot_card(
    box='plots2',
    title='Stack overflow questions',
    data=data('framework questions', 4, rows=plot_data['so_data'], pack=True),
    plot=ui.plot([
        ui.mark(type='interval', x='=framework', y='=questions', y_min=0,
                fill_color='$orange')
    ])
)

page['twitter'] = ui.plot_card(
    box='plots2',
    title='Twitter tweets for the past week',
    data=data('framework tweets', 4, rows=plot_data['twitter_data'], pack=True),
    plot=ui.plot([
        ui.mark(type='interval', x='=framework', y='=tweets', y_min=0,
                fill_color='$blue')
    ])
)