I’m trying to compare the categorical assignments of the same items returned by two databases. I want to plot each database on a categorical axis, then use px.scatter to visualize the intersections between them.

The problem I’m running into is px.scatter doesn’t seem to have an option to allow for jittering the datapoints so they are not all on top of each other. I found an option scattermode=group with scattergroup=[0,1], but it doesn’t do anything in my case.

I am able to get what I want out of JMP. How can I replicate this in plotly express?

MWE

import pandas as pd
import plotly.express as px

d = {'Document_Type_x': ['Research Article', 'Research Article', 'Letter to the Editor', 'Letter to the Editor', 'Letter to the Editor'],
     'Document_Type_y': ['Article', 'Article', 'Letter', 'Letter', 'Letter']}
df = pd.DataFrame(data=d)

fig = px.scatter(df, x='Document_Type_x', y='Document_Type_y')

fig.update_layout(scattermode='group', scattergap=.9)
fig.update_xaxes(categoryorder = 'category ascending')
fig.update_yaxes(categoryorder = 'category ascending')

fig.show()

Using px.scatter, incorrectly stacking all data points

Using JMP, correctly showing how many points at each intersection