Попробуйте React Studio , он позволяет писать дизайн / код в стиле React (например, State / Props / Components / Flows / etc ...) и многое другое на их веб-сайте ...
Хотя он не скомпилирован с «чистым» HTML / CSS, как вы просили, но его можно использовать в качестве инструмента прототипа / дизайна с хорошей интеграцией с Sketch, поэтому любой другой разработчик / дизайнер может также использовать его даже если они не понимают React
Если я понимаю, что вы ищете ...
Вы можете использовать update
после создания кадра данных из пар (index, col):
# sample data
df = pd.DataFrame({'cat_list':list('ABCDE'),
'col2':[0]*5,
'col2':[0,0,1,0,1],
'col3':[1,1,0,0,0],
'col4':[0,0,0,1,0]})
# index,col values where df==1
new = pd.DataFrame(list(df[df ==1 ].stack().index)).set_index(0).rename(columns={1:'cat_list'})
df.update(new)
cat_list col2 col3 col4
0 col3 0 1 0
1 col3 0 1 0
2 col2 1 0 0
3 col4 0 0 1
4 col2 1 0 0
или вы хотите объединить?
# sample data
df = pd.DataFrame({'cat_list':list('ABCDE'),
'col2':[0]*5,
'col2':[0,0,1,0,1],
'col3':[1,1,0,0,0],
'col4':[0,0,0,1,0]})
# index,col values where df==1
new = pd.DataFrame(list(df[df ==1 ].stack().index)).set_index(0).rename(columns={1:'cat_list'})
df.merge(new, left_index=True, right_index=True)
cat_list_x col2 col3 col4 cat_list_y
0 A 0 1 0 col3
1 B 0 1 0 col3
2 C 1 0 0 col2
3 D 0 0 1 col4
4 E 1 0 0 col2